/* roots */
:root {
    --themecolor: #ce171f;
    --hoverthemecolor: #a31219;
    --textcolor: #868686;
    --darktextcolor: #262222;
    --titlecolor: #302829;
    --hovermenubackground: #f7f7f7;
    --extrabold: 'OpenSans-ExtraBold';
    --bold: 'OpenSans-Bold';
    --semibold: 'OpenSans-SemiBold';
    --regular: 'OpenSans-Regular';
    --light: 'OpenSans-Light';
}

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

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

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

body {
    font-size: 16px;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: none
}


html,
body,
#page,
form {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mmenu {
    display: none;
}

.mm-spn.mm-spn--navbar:after,
.mm-spn a,
.mm-spn span {
    font-family: var(--semibold) !important;
    font-size: 14px !important;
}

.mm-spn.mm-spn--navbar:after {
    text-transform: uppercase !important;
    font-size: 16px !important;
}

.mm-spn a, .mm-spn span {
    color: #000 !important;
}

.mm-spn.mm-spn--light {
    background: #fff !important;
}

.mm-spn li:before {
    opacity: 1 !important;
    color: var(--themecolor) !important;
}

.mm-spn li:after {
    opacity: 0.1 !important;
    color: #b3b3b3 !important;
}

.chosen-container {
    z-index: 1 !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    user-select: none !important;
}

.bannerSlider .videoClickable {
    cursor: pointer;
}

.swiperButtonContainer {
    width: 50px;
    padding: 10px 0px;
    background-color: #f4f4f4;
    position: relative;
    bottom: 30px;
    left: 10px;
    z-index: 2;
    border-radius: 100px;
    display: none;
}

    .swiperButtonContainer .swiper-button-next:after,
    .swiperButtonContainer .swiper-button-prev:after {
        font-family: 'FontAwesome' !important;
        font-size: var(--swiper-navigation-size);
        color: var(--themecolor);
        font-size: 10px !important;
    }

    .swiperButtonContainer .swiper-button-prev:after {
        content: '\f060' !important;
    }

    .swiperButtonContainer .swiper-button-next:after {
        content: '\f061' !important;
    }

    .swiperButtonContainer .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 0px) !important;
    }

    .swiperButtonContainer .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 0px) !important;
    }



.dnone {
    display: none;
}

.mbforDocumentList {
    display: flex !important;
    margin-bottom: -10.5% !important;
}



.pagecontent {
    flex: 1;
}

    .pagecontent.bgGray {
        background-color: #f6f6f6;
    }

a {
    text-decoration: none;
}

.main {
    width: 94.271% !important;
    margin: auto;
}

.header {
    width: 100%;
    height: 130px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: 2.865%;
    position: relative;
    z-index: 2;
}

    .header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 8px;
        background-color: var(--themecolor);
        left: 0;
        bottom: 0;
    }

    .header > div {
        z-index: 1;
    }

    .header .headerLogo {
        z-index: 2;
        width: 161px;
        height: 93px;
        margin-top: -7px;
    }

        .header .headerLogo img {
            width: 100%;
            height: 100%;
        }

    .header .headerRight {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: end;
        height: 100%;
    }


        .header .headerRight .menu {
            width: auto;
            height: 52px;
            background-color: var(--themecolor);
            display: flex;
            align-items: center;
            justify-content: end;
            padding-right: 3.2022%;
        }

            .header .headerRight .menu .headerMenuList > li:nth-child(1) {
                position: relative;
            }

                .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
                    content: '';
                    position: absolute;
                    width: 80px;
                    height: 100%;
                    background-color: var(--themecolor);
                    left: -80px;
                    bottom: 0;
                }

                .header .headerRight .menu .headerMenuList > li:nth-child(1)::after {
                    content: '';
                    position: absolute;
                    width: 80px;
                    height: 100%;
                    background-color: rgb(255 255 255);
                    left: -114px;
                    bottom: 29px;
                    transform: rotate(-49deg);
                }

            .header .headerRight .menu .headerMenuList {
                height: 100%;
                list-style: none;
                display: flex;
                align-items: center;
                column-gap: 35px;
            }

                .header .headerRight .menu .headerMenuList > li {
                    height: 100%;
                }

                    .header .headerRight .menu .headerMenuList > li > a {
                        color: #fff;
                        font-family: var(--semibold);
                        font-size: 16px;
                        display: flex;
                        align-items: center;
                        height: 100%;
                        padding: 0 10px;
                        transition: all ease .3s;
                        width: max-content;
                    }

                    .header .headerRight .menu .headerMenuList > li:hover a {
                        color: var(--themecolor);
                        background-color: var(--hovermenubackground);
                        user-select: none;
                    }

                    .header .headerRight .menu .headerMenuList > li:hover > a i {
                        transform: rotate(-180deg);
                    }

                    .header .headerRight .menu .headerMenuList > li > a i {
                        margin-left: 10px;
                        transition: all ease .3s;
                    }

                    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
                        position: absolute;
                        width: 1420px;
                        background-color: var(--hovermenubackground);
                        left: 0;
                        display: flex;
                        padding: 30px 0;
                        justify-content: end;
                        display: none;
                    }

                        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox::before {
                            content: '';
                            position: absolute;
                            top: 19%;
                            left: 0;
                            background-color: transparent;
                            width: 102%;
                            height: 59%;
                            box-shadow: 0px 60px 100px 40px rgba(0, 0, 0, 0.1);
                            z-index: -1;
                        }

                        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
                            height: 225px;
                            position: relative;
                            margin: 0 7.747%;
                        }

                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses::before {
                                content: '';
                                position: absolute;
                                background-color: #fff;
                                width: 2px;
                                height: 100%;
                                left: -100%;
                            }

                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses::after {
                                content: '';
                                position: absolute;
                                background-color: #dedede;
                                width: 2px;
                                height: 100%;
                                right: -100%;
                            }

                        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul {
                            list-style: none;
                            display: flex;
                            flex-direction: column;
                            width: 345px;
                            gap: 3px;
                            max-height: 228px;
                            overflow-y: scroll;
                            overflow-x: hidden;
                            justify-content: start;
                        }


                        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            min-height: 228px;
                        }


                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list::before {
                                content: '';
                                position: absolute;
                                background-color: var(--hovermenubackground);
                                width: 220px;
                                height: 354px;
                                right: -86px;
                                transform: rotate(25deg);
                                bottom: 0px;
                                z-index: -1;
                            }


                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul > li {
                                min-height: 30px;
                                width: max-content;
                            }

                                .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul > li > a {
                                    display: inline-flex;
                                    align-items: center;
                                    height: 100%;
                                    color: #767676;
                                    font-size: 14px;
                                    font-family: var(--regular);
                                    transition: all ease .3s;
                                    position: relative;
                                }

                                    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul > li > a::before {
                                        content: '';
                                        width: 0;
                                        height: 3px;
                                        background-color: var(--themecolor);
                                        position: absolute;
                                        left: -0px;
                                        transition: all ease .3s;
                                    }


                                .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul > li:hover > a {
                                    color: #2f2929;
                                    font-family: var(--bold);
                                    padding-left: 35px;
                                }

                                    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul > li:hover > a::before {
                                        width: 33px;
                                    }

                        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content {
                            width: 473px;
                        }


                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content > .title {
                                font-size: 38px;
                                color: #2f2929;
                                font-family: var(--bold);
                                margin: 2.555% 0 4.656% 0;
                            }

                            .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content > .text {
                                font-size: 14px;
                                color: #767676;
                                font-family: var(--regular);
                                position: relative;
                                padding-left: 18px;
                                display: -webkit-box;
                                -webkit-line-clamp: 6;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-align: justify;
                            }

                                .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content > .text::before {
                                    content: '';
                                    position: absolute;
                                    width: 6px;
                                    height: 100%;
                                    background-color: var(--themecolor);
                                    left: 0;
                                    border-radius: 3px;
                                }

            .header .headerRight .menu .languageBox a {
                color: #fff;
                font-family: var(--semibold);
                font-size: 16px;
                display: flex;
                align-items: center;
                column-gap: 5px;
            }

        .header .headerRight .topInfos {
            height: 78px;
            display: flex;
            justify-content: end;
            padding-right: 3.2022%;
            width: 100%;
            background: #fff;
        }


            .header .headerRight .topInfos .box {
                position: relative;
                margin-left: 5.7%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                padding-bottom: 3px;
            }

                .header .headerRight .topInfos .box:nth-child(1)::before {
                    content: '';
                    position: absolute;
                    width: 40px;
                    height: 100%;
                    left: -43px;
                    top: -2px;
                    background: url('/assets/images/phone.png') center center no-repeat;
                }

                .header .headerRight .topInfos .box:nth-child(2)::before {
                    content: '';
                    position: absolute;
                    width: 40px;
                    height: 100%;
                    left: -47px;
                    top: -2px;
                    background: url('/assets/images/envelope.png') center center no-repeat;
                }

                .header .headerRight .topInfos .box .title {
                    color: #a6a6a6;
                    font-size: 12px;
                    font-family: var(--semibold);
                    margin-bottom: -2px;
                }

                .header .headerRight .topInfos .box .text a {
                    color: #464646;
                    font-size: 16px;
                    font-family: var(--semibold);
                }

        .header .headerRight .menu .languageBox {
            margin-left: 1.67%;
        }

        .header .headerRight .menu .searchBox {
            background-color: var(--hovermenubackground);
            width: 520px;
            height: 100%;
            border-radius: 25px 0 25px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 12px;
            margin-left: 45px;
        }

            .header .headerRight .menu .searchBox input {
                border: none;
                background: transparent;
                outline: none;
                width: 80%;
                height: 100%;
                font-family: var(--semibold);
                font-size: 12px;
            }


                .header .headerRight .menu .searchBox input::placeholder {
                    color: #a6a6a6;
                    font-family: var(--semibold);
                    font-size: 12px;
                }

            .header .headerRight .menu .searchBox i {
                color: #a6a6a6;
                font-size: 17px;
            }





.bannerSlider {
    width: 100%;
    height: 610px;
    position: relative;
    z-index: 0 !important;
}

    .bannerSlider::before {
        content: '';
        position: absolute;
        left: -68px;
        bottom: -83px;
        background-color: #fff;
        width: 200px;
        height: 160px;
        z-index: 2;
        transform: rotate(37deg);
    }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
        object-fit: contain;
    }

    .swiper-slide video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100px !important;
    margin-bottom: -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}


    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
    }


.swiper-pagination-bullet {
    position: relative;
    color: #494949 !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
    font-family: 'RobotoCondensed-Bold';
    font-size: 18px;
    width: 0 !important;
    height: 0 !important;
    background: transparent;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 10px;
}

.swiper-pagination-bullet-active {
    position: relative;
    color: #9e0f16 !important;
    opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
    font-family: 'RobotoCondensed-Bold';
    font-size: 30px;
    padding-bottom: 40px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before {
    content: '';
    position: absolute;
    background: #494949 !important;
    height: 23px !important;
    width: 9px !important;
    bottom: -22px;
}

.swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    background: #9e0f16 !important;
    height: 32px !important;
    width: 9px !important;
    bottom: -7px;
}




.header .headerRight .menu .headerMenuList > li > a:hover > i {
    transform: rotate(-180deg);
}

.brands {
    background-color: #fff;
    width: 100%;
    height: 200px;
    padding: 25px 0 0 2.611%;
    display: flex;
}


    .brands > .text {
        font-size: 83px;
        color: #e5e5e5;
        font-family: 'RobotoCondensed-Bold';
        margin-top: 11px;
        width: 22.9%;
    }

    .brands .brandsContainer {
        width: 77.1%;
    }

        .brands .brandsContainer .brandsSlider .brandImage {
            background-color: #fff;
            width: 195px;
            height: 120px;
            border: 2px solid #f6f6f6;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.brandsSlider .brandImage img {
    /*  max-width: 90%;
    max-height: 50%;*/
    max-width: 60%;
    max-height: 70%;
}


.corporateContainer {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 2.35%;
    margin-bottom: 4.156%;
}

    .corporateContainer .background {
        width: 100%;
        height: 385px;
        background: url(/assets/images/corporateBgOut.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .corporateContainer .corporateTitle {
        text-align: center;
        font-size: 49px;
        color: var(--titlecolor);
        font-family: var(--extrabold);
        line-height: 1;
        position: relative;
        margin: 1.8% 0 2.1% 0;
    }

        .corporateContainer .corporateTitle::before {
            content: '';
            position: absolute;
            width: 20%;
            height: 9px;
            background-color: var(--themecolor);
            bottom: -19px;
            left: 50%;
            transform: translateX(-50%);
        }

    .corporateContainer .textContainer {
        width: 78.068%;
        height: auto;
        border-radius: 80px;
        padding: 3.878% 5.69% 0 5.69%;
        box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 50px;
        background: #fff url('/assets/images/corporateBgInner.png') no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .corporateContainer .textContainer .title {
            font-size: 20px;
            color: var(--titlecolor);
            font-family: var(--bold);
            margin-bottom: 2.69%;
        }

        .corporateContainer .textContainer .text {
            font-size: 18px;
            color: var(--textcolor);
            font-family: var(--regular);
            margin-bottom: 4.336%;
            text-align: justify;
            line-height: 1.8;
        }


        .corporateContainer .textContainer .continueButton {
            display: flex;
            justify-content: end;
            margin-bottom: 3.862%;
            width: max-content;
            float: right;
        }

            .corporateContainer .textContainer .continueButton a {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                color: var(--themecolor);
                font-size: 18px;
                font-family: var(--bold);
                transition: all ease .5s;
            }

            .corporateContainer .textContainer .continueButton:hover a {
                letter-spacing: 1px;
            }

            .corporateContainer .textContainer .continueButton a i {
                position: relative;
                right: 0;
                transition: all ease .5s;
            }

            .corporateContainer .textContainer .continueButton:hover i {
                right: -5px;
            }


.footer {
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2.8723%;
    background-color: #939598;
    position: relative;
    overflow: hidden;
}

    .footer::before {
        content: '';
        position: absolute;
        width: 310px;
        height: 240px;
        background-color: #fff;
        left: -60px;
        bottom: -96%;
        transform: rotate(71deg);
    }

    .footer .logo {
        width: 125px;
        height: 90px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

        .footer .logo img {
            max-width: 100%;
            max-height: 100%;
        }

    .footer .footerRightArea {
        width: 1700px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2.957%;
        z-index: 1;
    }

        .footer .footerRightArea a {
            font-family: var(--semibold);
            font-size: 14px;
            color: #fff;
        }

            .footer .footerRightArea a:hover {
                text-decoration: underline;
            }

        .footer .footerRightArea .menu {
            display: flex;
            list-style: none;
            gap: 45px;
        }

        .footer .footerRightArea .contactInfos {
            display: flex;
            gap: 45px;
        }

.signature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 45px;
    font-size: 14px;
    font-family: var(--semibold);
    color: #939598;
    z-index: 1;
    position: relative;
}

    .signature a {
        font-size: 14px;
        color: #939598;
    }

.sectorArea {
    width: 100%;
    min-height: 385px;
    background-color: #ececec;
    margin: 14.0999% 0;
    padding: 0 2.8723%;
    display: flex;
    position: relative;
}

    .sectorArea::after {
        content: '';
        position: absolute;
        right: 2.6%;
        top: 50%;
        width: 56%;
        height: 175%;
        background: url(/assets/images/sectorBanner.png) no-repeat;
        background-position: center center;
        background-size: contain;
        transform: translateY(-50%);
    }

    .sectorArea .textArea {
        width: 40.7%;
        height: 100%;
        padding-right: 6.372%;
    }

        .sectorArea .textArea .title {
            font-family: var(--bold);
            font-size: 22px;
            color: var(--themecolor);
            line-height: 1;
            margin: 6.456% 0 7.65% 0;
        }

        .sectorArea .textArea .text {
            font-family: var(--regular);
            font-size: 18px;
            color: #262222;
            line-height: 1.6;
            margin-bottom: 5.65%;
            position: relative;
            padding-left: 4.844%;
            text-align: justify;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
        }


            .sectorArea .textArea .text::before {
                content: '';
                position: absolute;
                width: 6px;
                height: 77%;
                background-color: var(--themecolor);
                left: 0;
                border-radius: 3px;
            }

        .sectorArea .textArea .continueButton {
            display: flex;
            justify-content: end;
            align-items: center;
            margin-top: 6%;
        }

            .sectorArea .textArea .continueButton a {
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--semibold);
                font-size: 16px;
                color: var(--themecolor);
                gap: 5px;
                position: relative;
            }

                .sectorArea .textArea .continueButton a > i {
                    position: relative;
                    transition: all ease .3s;
                    right: 0px;
                }

                .sectorArea .textArea .continueButton a:hover > i {
                    right: -10px;
                }

                .sectorArea .textArea .continueButton a::before {
                    content: '';
                    position: absolute;
                    bottom: 4px;
                    left: 0;
                    width: 80%;
                    height: 1px;
                    background-color: var(--themecolor);
                }

                .sectorArea .textArea .continueButton a i {
                    font-size: 14px;
                }

.lastFiguresContainer {
    min-height: 300px;
    background: url('/assets/images/lastFiguresBg.png') center center / cover no-repeat;
    position: relative;
}

    .lastFiguresContainer .topArea {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .lastFiguresContainer .topArea .subTitle {
            font-size: 23px;
            color: #868686;
            font-family: var(--bold);
            margin-top: 1.5%;
            line-height: 1.5;
            font-weight: 100;
        }

        .lastFiguresContainer .topArea .title {
            font-size: 28px;
            color: #252525;
            font-family: var(--extrabold);
            margin-top: 0.333%;
            line-height: 1;
        }

        .lastFiguresContainer .topArea .text {
            font-size: 17px;
            color: #868686;
            font-family: var(--light);
            margin-top: 1.565%;
            width: 46%;
            text-align: center;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .lastFiguresContainer .topArea .continueButton {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 16px;
            color: #2a2a2a;
            font-family: var(--bold);
            margin-top: 1.718%;
        }

            .lastFiguresContainer .topArea .continueButton i {
                font-size: 14px;
                position: relative;
                right: 0;
                transition: all ease .3s;
                color: var(--themecolor);
            }

            .lastFiguresContainer .topArea .continueButton:hover > i {
                right: -10px;
            }


    .lastFiguresContainer .bottomArea {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 50px;
        bottom: -15.1%;
    }

        .lastFiguresContainer .bottomArea .item {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            transition: all ease .3s;
            display: flex;
            align-items: center;
            background-color: #fff;
            overflow: hidden;
            width: 12.852%;
        }

            .lastFiguresContainer .bottomArea .item:hover {
                box-shadow: rgba(23, 46, 71, 0.25) 0px 0px 30px;
                transform: scale(1.01);
            }

                .lastFiguresContainer .bottomArea .item:hover .icon,
                .lastFiguresContainer .bottomArea .item:hover .text {
                    fill: var(--themecolor);
                    color: var(--themecolor);
                }

            .lastFiguresContainer .bottomArea .item .icon {
                width: 39.14%;
                height: 90px;
                border-radius: 8px;
                box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 50px;
                fill: #e0e0e0;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all ease .3s;
            }

                .lastFiguresContainer .bottomArea .item .icon svg {
                    width: 40px;
                }

            .lastFiguresContainer .bottomArea .item .text {
                color: #262222;
                font-family: var(--extrabold);
                font-size: 20px;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 60.88%;
                transition: all ease .3s;
            }


.newsContainer {
    margin-bottom: 2.089%;
    display: flex;
    flex-direction: column;
}

    .newsContainer .topArea {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .newsContainer .topArea > .title {
            color: var(--titlecolor);
            font-size: 47px;
            font-family: var(--bold);
            line-height: 1;
        }

        .newsContainer .topArea .reviewAllButton {
            position: absolute;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
            font-size: 14px;
            color: var(--themecolor);
            font-family: var(--regular);
            align-items: center;
        }

            .newsContainer .topArea .reviewAllButton > i {
                position: relative;
                right: 0;
                transition: all ease .3s;
            }

            .newsContainer .topArea .reviewAllButton::before {
                content: '';
                bottom: 0;
                left: 0;
                width: 88%;
                height: 1px;
                background-color: var(--themecolor);
                position: absolute;
                opacity: 0;
            }

            .newsContainer .topArea .reviewAllButton:hover::before {
                opacity: 1;
            }

            .newsContainer .topArea .reviewAllButton:hover > i {
                right: -5px;
            }


    .newsContainer .bottomArea {
        display: flex;
        margin-top: 2.67%;
        padding-top: 1.6%;
    }

        .newsContainer .bottomArea .lastNews {
            display: flex;
            width: 54.5%;
            padding-left: 3.9%;
        }

            .newsContainer .bottomArea .lastNews > .imageBox {
                width: 500px;
                height: 580px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                box-shadow: rgba(23, 46, 71, 0.1) -50px 50px 60px;
            }

                .newsContainer .bottomArea .lastNews > .imageBox::before {
                    content: '';
                    width: 100%;
                    height: 515px;
                    left: -14%;
                    bottom: -10.345%;
                    background-color: var(--themecolor);
                    position: absolute;
                    z-index: -1;
                }

                .newsContainer .bottomArea .lastNews > .imageBox > img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }



            .newsContainer .bottomArea .lastNews .newsCart {
                display: flex;
                flex-direction: column;
                width: 440px;
                margin-left: -5.026%;
                z-index: 0;
                padding-top: 12.844%;
            }

                .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    background-color: #252525;
                    padding: 14px 20px;
                    font-family: var(--regular);
                    color: #fff;
                    font-size: 12px;
                }

                .newsContainer .bottomArea .lastNews .newsCart > .title {
                    font-family: var(--bold);
                    color: var(--titlecolor);
                    font-size: 20px;
                    line-height: 1;
                    margin-top: 6.82%;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    height: 39px;
                }


                .newsContainer .bottomArea .lastNews .newsCart > .text {
                    font-family: var(--regular);
                    color: var(--titlecolor);
                    font-size: 16px;
                    margin-top: 7.955%;
                    display: -webkit-box;
                    -webkit-line-clamp: 6;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
                    font-family: var(--regular);
                    color: var(--themecolor);
                    font-size: 16px;
                    fill: var(--themecolor);
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    margin-top: 15.91%;
                    width: max-content;
                }

                    .newsContainer .bottomArea .lastNews .newsCart > .continueButton > svg {
                        width: 7px;
                        transform: rotate(90deg);
                        position: relative;
                        right: 0;
                        transition: all ease .3s;
                    }


                    .newsContainer .bottomArea .lastNews .newsCart > .continueButton:hover > svg {
                        right: -5px;
                    }


                .newsContainer .bottomArea .lastNews .newsCart > .title,
                .newsContainer .bottomArea .lastNews .newsCart > .text,
                .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
                    padding-left: 14.775%;
                    padding-right: 19.32%;
                }



        .newsContainer .bottomArea > .parentheses {
            height: 690px;
            position: relative;
            margin: 0 3.324% 0 2.77%;
        }

            .newsContainer .bottomArea > .parentheses::before {
                content: '';
                position: absolute;
                background-color: #fbfbfb;
                width: 1px;
                height: 100%;
                left: -100%;
            }

            .newsContainer .bottomArea > .parentheses::after {
                content: '';
                position: absolute;
                background-color: #f0f0f0;
                width: 1px;
                height: 100%;
                right: -100%;
            }


        .newsContainer .bottomArea .newsList {
            width: 40.4%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            row-gap: 0px;
            justify-content: space-between;
        }

            .newsContainer .bottomArea .newsList > .item {
                width: 315px;
                height: max-content;
                background-color: #fff;
                border: 1px solid #f3f3f3;
                display: flex;
                flex-direction: column;
                transition: all ease .3s;
            }

                .newsContainer .bottomArea .newsList > .item:hover {
                    box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 30px;
                }

                    .newsContainer .bottomArea .newsList > .item:hover .continueButton {
                        text-decoration: underline;
                    }

                .newsContainer .bottomArea .newsList > .item > .newsImage {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 140px;
                    background-color: #ececec;
                }

                    .newsContainer .bottomArea .newsList > .item > .newsImage > img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                .newsContainer .bottomArea .newsList > .item > .textArea {
                    padding: 15px 10px 10px 10px;
                    display: flex;
                    flex-direction: column;
                }


                    .newsContainer .bottomArea .newsList > .item > .textArea > .title {
                        font-size: 14px;
                        color: var(--titlecolor);
                        font-family: var(--bold);
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        min-height: 40px;
                    }

                    .newsContainer .bottomArea .newsList > .item > .textArea > .text {
                        font-size: 14px;
                        color: var(--textcolor);
                        font-family: var(--regular);
                        text-align: justify;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        min-height: 40px;
                        margin-top: 5px;
                    }

                    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
                        font-size: 12px;
                        color: var(--textcolor);
                        font-family: var(--regular);
                        display: flex;
                        justify-content: space-between;
                        margin-top: 10px;
                    }

                        .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine > .continueButton {
                            font-size: 12px;
                            color: var(--themecolor);
                            font-family: var(--regular);
                        }

/* Error Pages */
.errorPage {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .errorPage .container {
        width: 250px;
        height: 230px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
    }

        .errorPage .container .errorCode {
            width: 100%;
            font-family: var(--extrabold);
            font-size: 140px;
            line-height: 0.9;
        }

            .errorPage .container .errorCode.black {
                color: #464646;
            }

            .errorPage .container .errorCode.red {
                color: var(--themecolor);
            }

        .errorPage .container .error {
            font-family: var(--extrabold);
            font-size: 30px;
            line-height: 1;
            width: 100%;
            text-align: end;
            margin-bottom: 5px;
        }

            .errorPage .container .error.black {
                color: #464646;
            }

            .errorPage .container .error.red {
                color: var(--themecolor);
            }

        .errorPage .container .errorText {
            font-size: 16px;
            color: #464646;
            font-family: var(--regular);
            font-weight: 100;
            margin-bottom: 12px;
        }

        .errorPage .container.e500 .errorText {
            letter-spacing: 1.5px;
        }

        .errorPage .container .button {
            background-color: var(--themecolor);
            font-family: var(--regular);
            color: #fff;
            font-size: 16px;
            padding: 6px 84px;
            border-radius: 50px;
        }

        .errorPage .container.e500::before {
            content: '';
            position: absolute;
            width: 700px;
            height: 240px;
            left: -131%;
            top: -66%;
            background: url(/assets/images/error500bg.png) center center / contain no-repeat;
        }

        .errorPage .container.e404::before {
            content: '';
            position: absolute;
            width: 245px;
            height: 250px;
            left: -58%;
            top: -12%;
            background: url(/assets/images/error404bg.png) center center / contain no-repeat;
            background-size: 85%;
        }

/* Breadcrumbs */
.breadcrumbs {
    width: 100%;
    padding: 6px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

    .breadcrumbs .pages ul {
        display: flex;
        list-style: none;
    }

        .breadcrumbs .pages ul li a {
            color: #9e9e9e;
            font-family: var(--regular);
            font-size: 12px;
        }

        .breadcrumbs .pages ul li:last-child a {
            color: #1a1717;
        }

        .breadcrumbs .pages ul li:not(:last-child):after {
            content: '|';
            position: relative;
            right: -5px;
            margin-right: 10px;
            color: #9e9e9e;
            font-family: var(--regular);
            font-size: 12px;
        }

    .breadcrumbs .pageTitle {
        font-family: var(--bold);
        font-size: 18px;
        color: #3c3737;
    }

/* Contents */
.contentContainer {
    margin-top: 1.306%;
    margin-bottom: 6.267%;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.contentLeft {
    width: 20.939%;
    background-color: #fff;
    padding: 2.659% 25px 2.324% 25px;
}


    .contentLeft #navigation {
        width: 100%;
        list-style: none;
    }

        .contentLeft #navigation > li {
            position: relative;
            padding: 25px 5px;
            color: #767676;
            font-family: var(--regular);
            font-size: 16px;
            transition: all ease .3s;
        }



/*inner lists*/
.treeview ul {
    margin-left: 15px !important;
}

.contentLeft #navigation li > ul li {
    font-size: 14px;
    padding: 5px 0;
}

    .contentLeft #navigation li > ul li .active {
        position: relative;
        margin: 15px;
        color: #2f2929;
    }

        .contentLeft #navigation li > ul li .active::before {
            content: '';
            width: 10px;
            height: 10px;
            background-color: var(--themecolor);
            left: -12px;
            top: 5px;
        }



    .contentLeft #navigation li > ul li > a:hover {
        color: #2f2929;
        font-family: 'OpenSans-Bold';
    }

    .contentLeft #navigation li > ul li > a.active:hover {
        font-family: 'OpenSans-Regular';
    }

    .contentLeft #navigation > li::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ededed;
        position: absolute;
        bottom: -1px;
        left: 0;
    }

.contentLeft #navigation li:last-child:after {
    display: none;
}

.contentLeft #navigation li:last-child {
    border-bottom: none;
}


.contentLeft #navigation > li a,
.contentLeft #navigation > li span {
    color: unset;
    font-family: unset;
    font-size: unset;
    transition: all ease .3s;
}

    .contentLeft #navigation > li a::before,
    .contentLeft #navigation > li span::before {
        content: '';
        width: 0;
        height: 3px;
        background-color: var(--themecolor);
        position: absolute;
        left: 5px;
        transition: all ease .3s;
        top: 34px;
    }

.contentLeft #navigation > li > a:hover,
.contentLeft #navigation > li > span:hover {
    color: #2f2929;
    font-family: var(--bold);
    padding-left: 32px;
    display: block;
}

    .contentLeft #navigation > li > a:hover::before,
    .contentLeft #navigation > li > span:hover::before {
        width: 25px;
    }

/*hoverActive*/
.contentLeft #navigation > li.hoverActive > a,
.contentLeft #navigation > li.hoverActive > span {
    color: #2f2929;
    font-family: var(--bold);
    padding-left: 32px;
    display: block;
}

    .contentLeft #navigation > li.hoverActive > a::before,
    .contentLeft #navigation > li.hoverActive > span::before {
        content: '';
        width: 25px;
        height: 3px;
        background-color: var(--themecolor);
        position: absolute;
        left: 5px;
        transition: all ease .3s;
        top: 34px;
    }


.contentLeft #navigation > li.collapsable.lastCollapsable > a,
.contentLeft #navigation > li.collapsable.lastCollapsable > span {
    color: #2f2929;
    font-family: var(--bold);
    padding-left: 32px;
    display: block;
}

.contentRight {
    width: 77.828%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

    .contentRight .corporateBanner {
        width: 100%;
        height: 335px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        filter: grayscale(100%);
    }

        .contentRight .corporateBanner::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(255, 255, 255, .8);
        }

    .contentRight .textContentContainer {
        background-color: #fff;
        width: 86.264%;
        margin-top: -11.389%;
        border-radius: 80px;
        z-index: 1;
        padding: 5.395% 4.495% 5.395% 4.495%;
        font-size: 14px;
        color: #2f2929;
        font-family: var(--regular);
        line-height: 30px;
        text-align: justify;
    }

        .contentRight .textContentContainer .title {
            font-family: var(--semibold);
            font-size: 24px;
            margin-bottom: 3.178%;
            text-align: start;
        }

        .contentRight .textContentContainer strong {
            font-family: var(--bold);
        }

        .contentRight .textContentContainer .document {
            margin-top: 2.853%;
        }

            .contentRight .textContentContainer .document .name {
                font-size: 16px;
                font-family: var(--semibold);
                color: var(--themecolor);
                margin-bottom: 2.377%;
            }

            .contentRight .textContentContainer .document a {
                font-size: 16px;
                font-family: var(--semibold);
                color: #fff;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 17px;
                padding: 8px 23px;
                background-color: var(--themecolor);
                border-radius: 23px;
                transition: all ease .3s;
            }

                .contentRight .textContentContainer .document a:hover {
                    background-color: var(--hoverthemecolor);
                }

            .contentRight .textContentContainer .document i {
                font-size: 22px;
            }

    /* Yönetim Kurulu */
    .contentRight .membersContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        padding: 5.039% 3.559% 7.118% 3.559%;
        background-color: #fff;
        width: 87.972%;
        border-radius: 80px;
        margin-top: -11.389%;
        z-index: 1;
    }

        .contentRight .membersContainer > .title {
            font-size: 28px;
            font-family: var(--bold);
            color: #302829;
            position: relative;
            margin-bottom: 7.343%;
        }

            .contentRight .membersContainer > .title::before {
                content: '';
                position: absolute;
                width: 59px;
                height: 9px;
                border-radius: 5px;
                background-color: var(--themecolor);
                bottom: -17px;
                left: 50%;
                transform: translateX(-50%);
            }


        .contentRight .membersContainer .wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            column-gap: 45px;
            row-gap: 55px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: start;
        }

        .contentRight .membersContainer .wrapper .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: start;
            padding: 2.642% 15px;
            background-color: #f9f9f9;
            border-radius: 20px;
            width: 250px;
        }

        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
            margin: 0 1px;
        }

        .contentRight .membersContainer .wrapper .item .imgbox {
            width: 155px;
            height: 155px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                height: 40px;
                padding: 3px 3px;
                color: #fff;
                font-family: var(--semibold);
                font-size: 16px;
                max-height: 40px;
                overflow: hidden;
                line-height: 17px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
            }

                .contentRight .membersContainer .wrapper .item .imgbox .name.red {
                    background-color: var(--themecolor);
                }

                .contentRight .membersContainer .wrapper .item .imgbox .name.black {
                    background-color: #2f2929;
                }

            .contentRight .membersContainer .wrapper .item .imgbox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .contentRight .membersContainer .wrapper .item .title {
            color: #2f2929;
            font-family: var(--regular);
            font-size: 16px;
            margin-bottom: 5px;
            display: flex;
            align-items: start;
            justify-content: center;
            text-align: center;
            line-height: 1.1;
            overflow: hidden;
            max-height: 31px;
        }

        .contentRight .membersContainer .wrapper .item .company {
            color: #8e8e8e;
            font-family: var(--regular);
            font-size: 14px;
            margin-bottom: 10px;
            display: flex;
            align-items: start;
            justify-content: center;
            text-align: center;
            line-height: 1.2;
            overflow: hidden;
            max-height: 33px;
        }

    /* kvkk */
    .contentRight .kvkkContainer {
        width: 100%;
        padding: 4.84% 3.559% 7.118% 3.359%;
        background-color: #fff;
        font-size: 16px;
        color: #2f2929;
        font-family: var(--regular);
        line-height: 30px;
        text-align: justify;
    }

        .contentRight .kvkkContainer .title {
            font-family: var(--bold);
            font-size: 24px;
            margin-bottom: 6.744%;
            text-align: start;
        }

        .contentRight .kvkkContainer strong {
            font-family: var(--bold);
        }


    /* Üyelerimiz */
    .contentRight .logoSliderContainer {
        width: 100%;
        background-color: #fff;
    }

        .contentRight .logoSliderContainer .tableHeaders {
            width: 100%;
            height: 56px;
            display: flex;
            border-bottom: 6px solid #f6f6f6;
        }

            .contentRight .logoSliderContainer .tableHeaders .item {
                height: 100%;
                font-family: var(--bold);
                font-size: 16px;
                color: #767676;
                display: flex;
                align-items: center;
                padding-left: 40px;
            }

                .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
                    width: 16.086%;
                    border-right: 4px solid #f6f6f6;
                }

                .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
                    width: 83.915%;
                }

        /* lines */

        .contentRight .logoSliderContainer .lines {
            width: 100%;
            height: 130px;
            display: flex;
            border-bottom: 4px solid #f6f6f6;
        }

            .contentRight .logoSliderContainer .lines .logo {
                width: 16.086%;
                height: 100%;
                border-right: 4px solid #f6f6f6;
                padding-left: 40px;
                display: flex;
                align-items: center;
                justify-content: start;
            }

                .contentRight .logoSliderContainer .lines .logo img {
                    max-width: 80%;
                    max-height: 80%;
                }

            .contentRight .logoSliderContainer .lines .slider {
                width: 83.915%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider {
                    width: 90%;
                }

                    .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
                        background-color: #fff;
                        width: 150px;
                        height: 100px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: auto
                    }

                        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage img {
                            max-width: 85%;
                            max-height: 100%;
                        }


/* Slick Arrows */
.brandsSliderArrows {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: var(--buttontrsansition);
}

    .brandsSliderArrows.sliderNextArrow > svg {
        transform: rotate(180deg);
    }

    .brandsSliderArrows > svg {
        width: 100%;
        height: 100%;
    }

        .brandsSliderArrows > svg .st0 {
            stroke: #e3e3e3 !important;
        }

    .brandsSliderArrows.sliderPrevArrow {
        left: -2.5%;
    }

    .brandsSliderArrows.sliderNextArrow {
        right: -2.5%;
    }

.contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .slick-track {
    margin-left: 0 !important;
}

/* Faydalı Bağlantılar */
.contentRight .usefulLinks {
    width: 100%;
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

    .contentRight .usefulLinks .item {
        width: 49.9%;
        background-color: #fff;
        padding: 1.673% 3.773% 1.673% 4.057%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all ease .3s;
    }

        .contentRight .usefulLinks .item:hover {
            box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 40px;
            z-index: 1;
        }

        .contentRight .usefulLinks .item .logo {
            width: 37.22%;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: start;
        }

            .contentRight .usefulLinks .item .logo img {
                max-width: 95%;
                max-height: 100%;
            }

        .contentRight .usefulLinks .item .name {
            font-size: 14px;
            color: #767676;
            font-family: var(--regular);
            max-width: 60%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            text-align: end;
        }

/* Endüstrimiz */
.contentRight .industryContainer {
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #2f2929;
    font-family: var(--regular);
    line-height: 30px;
    padding: 3.659% 2.748% 5.623% 2.748%;
    text-align: justify;
}

    .contentRight .industryContainer .title {
        font-size: 24px;
        color: #2f2929;
        font-family: var(--semibold);
        margin-bottom: 2.588%;
        text-align: start;
    }

    .contentRight .industryContainer .image {
        float: right;
        width: 52.748%;
        height: 535px;
        margin: -3.864% -2.84% 10px 20px;
    }

        .contentRight .industryContainer .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .contentRight .industryContainer .image.fullPageContentImageForIndustry {
            width: 100%;
            height: 450px;
            margin: 0 auto !important;
        }

            .contentRight .industryContainer .image.fullPageContentImageForIndustry > img {
                object-fit: contain;
            }

    .contentRight .industryContainer.alignCenter {
        padding: 3.459% 1.848% 1.848% 1.848%;
    }

.downloadDocument {
    width: 56.604%;
    height: 260px;
    background: var(--themecolor) url('/assets/images/downloaddocumentbg.png') center center / cover no-repeat;
    color: #fff;
    padding: 5.361% 10px 10px 23.652%;
    margin: 11.321% 0 1% 1%;
}

    .downloadDocument .documentName {
        font-family: var(--bold);
        font-size: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 58px;
    }

    .downloadDocument .documentDesc {
        font-family: var(--regular);
        font-size: 16px;
        color: rgba(255 255 255 / 0.8);
    }

    .downloadDocument .downloadButton {
        padding: 4px 20px;
        background-color: var(--themecolor);
        color: #fff;
        font-family: var(--semibold);
        font-size: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 50px;
        border: 1px solid #fff;
        margin-top: 20px;
        transition: all ease .3s;
    }

        .downloadDocument .downloadButton > i {
            font-size: 22px;
        }

        .downloadDocument .downloadButton:hover {
            background-color: var(--hoverthemecolor);
        }

/* Endüstri Tabs */
.contentRight .industryContainer > .industryContentList {
    width: 100%;
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 8px;
}

    .contentRight .industryContainer > .industryContentList > li {
        background-color: var(--themecolor);
        height: 50px;
        transition: all ease .3s;
    }

        .contentRight .industryContainer > .industryContentList > li:hover {
            background-color: var(--hoverthemecolor);
        }

        .contentRight .industryContainer > .industryContentList > li > a.current {
            background-color: var(--hoverthemecolor);
        }

        .contentRight .industryContainer > .industryContentList > li a {
            color: #fff;
            font-family: var(--bold);
            font-size: 17px;
            padding: 0 20px 0 33px;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: start;
            position: relative;
        }

            .contentRight .industryContainer > .industryContentList > li a::before {
                content: '\f078';
                font-family: 'FontAwesome';
                width: 50px;
                height: 50px;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all ease .3s;
            }

            .contentRight .industryContainer > .industryContentList > li a.current::before {
                transform: translateY(-50%) rotate(-180deg);
            }


.contentRight .industryContainer.forTabs {
    padding: 10px 0 4.983% 0;
}

.contentRight .industryContainer .tab-content.forIndustry,
.contentRight .industryContainer .firstContentForIndustry {
    padding: 2.359% 2.749%;
    font-family: var(--regular);
    text-align: justify;
}

    .contentRight .industryContainer .tab-content.forIndustry strong,
    .contentRight .industryContainer .firstContentForIndustry strong {
        font-family: var(--bold);
    }

    .contentRight .industryContainer .tab-content.forIndustry .title,
    .contentRight .industryContainer .firstContentForIndustry .title {
        font-family: var(--bold);
        text-align: start;
    }

    .contentRight .industryContainer .tab-content.forIndustry ul,
    .contentRight .industryContainer .firstContentForIndustry ul {
        padding-left: 7.138%;
        list-style: disc;
    }

    .contentRight .industryContainer .tab-content.forIndustry table,
    .contentRight .industryContainer .firstContentForIndustry table {
        width: 100%;
        border: none;
        border-collapse: collapse;
    }

        .contentRight .industryContainer .tab-content.forIndustry table tr,
        .contentRight .industryContainer .tab-content.forIndustry table td,
        .contentRight .industryContainer .firstContentForIndustry table td,
        .contentRight .industryContainer .firstContentForIndustry table tr {
            border: none;
            border-collapse: collapse;
        }

            .contentRight .industryContainer .tab-content.forIndustry table tr td,
            .contentRight .industryContainer .firstContentForIndustry table tr td {
                vertical-align: top;
                width: 50%;
            }

                .contentRight .industryContainer .firstContentForIndustry table tr td:first-of-type {
                    padding-right: 3%;
                }

                .contentRight .industryContainer .tab-content.forIndustry table tr td img,
                .contentRight .industryContainer .firstContentForIndustry table tr td img {
                    max-width: 100%;
                    max-height: max-content;
                    object-fit: contain;
                    margin: 0 auto;
                    float: right;
                }

/* Son 5 Yılın Rakamları */
.contentRight .industryBanner {
    width: 100%;
    height: 265px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contentRight .numberGraphicsContainer {
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .contentRight .numberGraphicsContainer .lastNumbersList {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 50px;
        margin-top: -32px;
        list-style: none;
        border: 1px solid #f7f7f7;
        overflow: hidden;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 64px;
            min-width: 175px;
            color: #767676;
            font-size: 20px;
            font-family: var(--bold);
            transition: all ease .3s;
            position: relative;
        }

            .contentRight .numberGraphicsContainer .lastNumbersList a > h1 {
                font-size: 20px;
            }

        .contentRight .numberGraphicsContainer .lastNumbersList li:not(:last-child) a::before {
            content: '';
            width: 2px;
            height: 85%;
            right: -1px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #f7f7f7;
            position: absolute;
            z-index: 1;
            border-radius: 10px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersList a:hover {
            background-color: var(--themecolor);
            color: #fff;
        }

        .contentRight .numberGraphicsContainer .lastNumbersList a.current {
            background-color: var(--themecolor);
            color: #fff;
        }


    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        width: 100%;
        padding: 2.847% 2.705% 7.687% 2.705%;
        font-family: var(--regular);
        position: relative;
        min-height: 80vh;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table {
            width: 100%;
            position: relative;
            border: none;
            border-collapse: collapse;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
                font-family: var(--semibold);
                color: #2f2929;
                font-size: 17px;
                width: auto;
                border: 1px solid #f2f2f2;
                height: 45px;
            }

                .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child {
                    font-family: var(--bold);
                    color: #2f2929;
                    font-size: 32px;
                    width: 22.591%;
                    border: none;
                    text-align: start;
                    padding-left: 4.895%;
                }

            .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td {
                font-family: var(--semibold);
                color: #767676;
                font-size: 17px;
                width: 200px;
                border: 1px solid #f2f2f2;
                text-align: center;
                height: 70px;
            }

                .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
                    font-family: var(--semibold);
                    color: #2f2929;
                    font-size: 17px;
                    width: 22.591%;
                    text-align: start;
                    padding-left: 22px;
                }



        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            background-color: var(--themecolor);
            border-radius: 50px;
            right: 2.9%;
            top: 0;
            position: absolute;
            color: #fff;
            font-family: var(--semibold);
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding: 6px 14px;
            transition: all ease .3s;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                background: url('/assets/images/excelicon.png') center center / contain no-repeat;
                width: 17px;
                height: 17px;
            }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel:hover {
                background-color: var(--hoverthemecolor);
            }

/* news */
.newsListContainer {
    margin-bottom: 2.5%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 57px;
    min-height: calc(100vh - 565px);
}

    .newsListContainer .item {
        width: 315px;
        height: max-content;
        background-color: #fff;
        border: 1px solid #f3f3f3;
        display: flex;
        flex-direction: column;
        transition: all ease .3s;
    }

        .newsListContainer .item:hover {
            box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 30px;
        }

            .newsListContainer .item:hover .continueButton {
                text-decoration: underline;
            }

        .newsListContainer .item .newsImage {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 140px;
            background-color: #ececec;
        }

            .newsListContainer .item .newsImage img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .newsListContainer .item .textArea {
            padding: 15px 10px 10px 10px;
            display: flex;
            flex-direction: column;
        }

            .newsListContainer .item .textArea > .title {
                font-size: 14px;
                color: var(--titlecolor);
                font-family: var(--bold);
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                min-height: 40px;
            }

        .newsListContainer .item > .textArea > .text {
            font-size: 14px;
            color: var(--textcolor);
            font-family: var(--regular);
            text-align: justify;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            min-height: 40px;
            margin-top: 5px;
        }

        .newsListContainer .item > .textArea > .bottomLine {
            font-size: 12px;
            color: var(--textcolor);
            font-family: var(--regular);
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

            .newsListContainer .item > .textArea > .bottomLine > .continueButton {
                font-size: 12px;
                color: var(--themecolor);
                font-family: var(--regular);
            }

/* chosen */
.main.newsOptions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #3c3737;
    font-family: var(--bold);
    padding: 0.5% 0 1.149% 0;
}

    .main.newsOptions .title:first-child {
        margin-left: 2.216%;
        width: 34%;
    }

    .main.newsOptions .newsOrderSelect {
        width: 145px;
    }

.chosen-container-active.chosen-with-drop .chosen-single {
    background: none !important;
    background-color: #ffffff !important;
    font-family: var(--regular) !important;
    color: #9e9e9e !important;
    font-size: 12px !important;
}

.chosen-container-single .chosen-single span {
    font-family: var(--regular) !important;
    color: #9e9e9e !important;
    font-size: 12px !important;
}

.chosen-container .chosen-results {
    font-family: var(--regular) !important;
    color: #9e9e9e !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.chosen-container-single .chosen-single {
    background: none !important;
    background-color: #ffffff !important;
    border: 2px solid #f6f6f6 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    border-radius: 50px !important;
    border: 2px solid #f6f6f6 !important;
    z-index: 1 !important;
    padding: 0 0 0 25px !important;
}

.chosen-container .chosen-drop {
    border: 2px solid #f6f6f6 !important;
    border-radius: 17px !important;
    padding-top: 30px !important;
    padding-bottom: 15px !important;
    margin-top: -25px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.chosen-container .chosen-results li.active-result {
    padding-left: 25px;
}

.chosen-container .chosen-drop {
    z-index: -0 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: #dadada !important;
}

.chosen-container-single .chosen-single div b {
    background: none !important;
    position: relative !important;
    margin-left: -15px !important;
}

    .chosen-container-single .chosen-single div b::before {
        content: '\f078';
        font-family: 'FontAwesome';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        transition: all ease .3s;
    }

.chosen-container-active.chosen-with-drop .chosen-single div b::before {
    transform: rotate(-180deg);
}

/* Search Results */
.main.searchResultContainer {
    margin-bottom: 7%;
}
    .main.searchResultContainer .searchWords {
        color: var(--themecolor);
        font-family: var(--semibold);
        font-size: 1em;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .main.searchResultContainer .title {
        color: var(--titlecolor);
        font-family: var(--bold);
        font-size: 1.5em;
        margin-bottom: 2%;
        margin-top: 3%;
    }

   

.main.searchResultContainer .resultWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 34px;
}

        .main.searchResultContainer .resultWrapper .item {
            display: flex;
            justify-content: start;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 10px;
            padding: 1.385%;
            width: 32%;
            transition: all ease .3s;
        }

            .main.searchResultContainer .resultWrapper .item:hover {
                background-color: #f8f8f8;
                box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 30px;
            }



            .main.searchResultContainer .resultWrapper .item .textBox {
                display: flex;
                align-items: start;
                flex-direction: column;
                width: 100%;
            }

                .main.searchResultContainer .resultWrapper .item .textBox > .title {
                    color: var(--titlecolor);
                    font-family: var(--semibold);
                    font-size: 20px;
                    margin-bottom: 10px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    margin-top: 0;
                }

                .main.searchResultContainer .resultWrapper .item .textBox > .text {
                    color: var(--darktextcolor);
                    font-family: var(--regular);
                    font-size: 14px;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }


            .main.searchResultContainer .resultWrapper .item .imgBox {
                min-width: 100px;
                max-width: 100px;
                height: 100px;
                border-radius: 5px;
                overflow: hidden;
                margin-left: 20px;
            }

                .main.searchResultContainer .resultWrapper .item .imgBox > img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center center;
                    transition: all ease .3s;
                }

            .main.searchResultContainer .resultWrapper .item:hover img {
                transform: scale(1.05);
            }

/* Default Content */
.main.defaultContent {
    /*margin-bottom: 5%;*/
}


.defaultContent .defaultContentImageContainer {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

    .defaultContent .defaultContentImageContainer img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }




.defaultContent .defaultContentBanner {
    width: 100%;
    height: 335px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: grayscale(100%);
}

    .defaultContent .defaultContentBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, .8);
    }

.defaultContent .textContentContainer {
    background-color: #fff;
    width: 90%;
    margin: -7% auto 5% auto;
    z-index: 1;
    padding: 5.695%;
    font-size: 14px;
    color: #2f2929;
    font-family: var(--regular);
    line-height: 30px;
    position: relative;
}

    .defaultContent .textContentContainer > ul {
        margin-left: 3%;
    }

    .defaultContent .textContentContainer > .title {
        font-family: var(--semibold);
        font-size: 24px;
        margin-bottom: 3%;
    }

    .defaultContent .textContentContainer strong {
        font-family: var(--bold);
    }

    .defaultContent .textContentContainer .document {
        margin-top: 2.853%;
    }

        .defaultContent .textContentContainer .document .name {
            font-size: 16px;
            font-family: var(--semibold);
            color: var(--themecolor);
            margin-bottom: 2.377%;
        }

        .defaultContent .textContentContainer .document a {
            font-size: 16px;
            font-family: var(--semibold);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 17px;
            padding: 8px 23px;
            background-color: var(--themecolor);
            border-radius: 23px;
            transition: all ease .3s;
        }

            .defaultContent .textContentContainer .document a:hover {
                background-color: var(--hoverthemecolor);
            }

        .defaultContent .textContentContainer .document i {
            font-size: 22px;
        }

.defaultContent .downloadDocument {
    height: 240px;
    width: 48%;
    margin: 8% 0% 0% 0%;
    padding: 5% 10px 10px 20%;
}

/*Default Slider*/

.defaultContentSlider {
    width: 100%;
    margin-top: 5%;
}

    .defaultContentSlider .sliderImage {
        background-color: #fff;
        width: 200px;
        height: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        position: relative;
    }

        .defaultContentSlider .sliderImage a {
            width: 100%;
            height: 100%;
        }

            .defaultContentSlider .sliderImage a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }


        .defaultContentSlider .sliderImage.video a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: .5;
            transition: all ease .5s;
        }

        .defaultContentSlider .sliderImage.video a:hover:before {
            opacity: .2;
        }

        .defaultContentSlider .sliderImage.video i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 50px;
            transition: all ease .5s;
        }



/* Contact */
.main.contactContainer {
    background-color: #fff;
    padding: 1.828% 1.828% 6.267% 1.828%;
    margin-top: 21px;
    margin-bottom: 20px;
}

    .main.contactContainer .topArea {
        display: flex;
        justify-content: space-between;
        height: 555px;
    }

        .main.contactContainer .topArea .addressContainer {
            position: relative;
            width: 55.323%;
        }

            .main.contactContainer .topArea .addressContainer .imgBox {
                width: 495px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .main.contactContainer .topArea .addressContainer .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .main.contactContainer .topArea .addressContainer .addressInfos {
                width: 61.459%;
                height: 435px;
                background-color: #fff;
                border-radius: 60px;
                padding: 2.605% 8.855% 2.605% 9.897%;
                position: absolute;
                top: 50%;
                left: 38.2%;
                transform: translateY(-50%);
                box-shadow: 0 0 80px 10px rgba(72, 10, 13, 0.1);
            }

                .main.contactContainer .topArea .addressContainer .addressInfos .title {
                    color: #8c8c8c;
                    font-family: var(--extrabold);
                    font-size: 24px;
                    margin-bottom: 5px;
                    position: relative;
                }

                    .main.contactContainer .topArea .addressContainer .addressInfos .title::before {
                        content: '';
                        width: 16%;
                        height: 4px;
                        background-color: var(--themecolor);
                        position: absolute;
                        bottom: -2px;
                        left: 0%;
                    }

                .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
                    color: #8c8c8c;
                    font-family: var(--regular);
                    font-size: 16px;
                    margin-bottom: 6.589%;
                }

                .main.contactContainer .topArea .addressContainer .addressInfos .line {
                    width: 100%;
                    margin-bottom: 4.15%;
                }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
                        font-size: 16px;
                        color: var(--themecolor);
                        font-family: var(--regular);
                    }

                        .main.contactContainer .topArea .addressContainer .addressInfos .line .name::before {
                            font-family: 'FontAwesome';
                            color: var(--themecolor);
                            font-size: 13px;
                            position: relative;
                            margin-right: 7px;
                        }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line:nth-child(3) .name:before {
                        content: '\f3c5';
                    }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line:nth-child(4) .name:before {
                        content: '\f095';
                    }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line:nth-child(5) .name:before {
                        content: '\f1ac';
                    }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line:nth-child(6) .name:before {
                        content: '\f0e0';
                    }

                    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
                    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a {
                        font-size: 16px;
                        color: #8c8c8c;
                        font-family: var(--regular);
                    }


        .main.contactContainer .topArea .mapContainer {
            width: 38.611%;
            height: 100%;
            border-radius: 60px;
            overflow: hidden;
        }

            .main.contactContainer .topArea .mapContainer iframe {
                width: 100%;
                height: 100%;
            }

.main.contactFormContainer {
    width: 100% !important;
    height: calc(100vh + 110px);
    background-color: #f6f6f6;
    padding: 0 2.8723% 55px 2.8723%;
}

    .main.contactFormContainer .background {
        width: 100%;
        height: 100%;
        background: url('/assets/images/contactformimage.png') center center / cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .main.contactFormContainer .background .form {
            width: 49.308%;
        }

            .main.contactFormContainer .background .form .textTitle {
                color: var(--themecolor);
                font-family: var(--extrabold);
                font-size: 24px;
                margin-bottom: 3px;
            }

            .main.contactFormContainer .background .form .textDescription {
                color: #8c8c8c;
                font-family: var(--regular);
                font-size: 16px;
                margin-bottom: 12px;
                display: flex;
                justify-content: space-between;
                width: 100%;
            }

            .main.contactFormContainer .background .form .inputs {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                row-gap: 25px;
                margin-bottom: 20px;
            }

                .main.contactFormContainer .background .form .inputs .inputBox {
                    background-color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: start;
                    border: 2px solid #f7f7f7;
                    padding: 0 15px;
                    position: relative;
                    width: 48.653%;
                }

                    .main.contactFormContainer .background .form .inputs .inputBox i {
                        color: #d9d9d9;
                        font-size: 12px;
                        margin-right: 10px;
                    }

                    .main.contactFormContainer .background .form .inputs .inputBox input {
                        font-size: 16px;
                        width: 100%;
                        height: 100%;
                        outline: none;
                        border: none;
                        font-family: var(--regular);
                        padding: 6.52% 0;
                    }

                        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
                        .main.contactFormContainer .background .form .inputs .inputBox textarea::placeholder {
                            color: #d9d9d9;
                            font-size: 16px;
                            font-family: var(--regular);
                        }

                    .main.contactFormContainer .background .form .inputs .inputBox textarea {
                        font-size: 16px;
                        font-family: var(--regular);
                    }

                    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
                        align-items: start;
                        justify-content: start;
                        padding: 0 15px;
                        width: 100%;
                    }

                        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
                            padding: 31px 0;
                        }

                        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                            font-size: 16px;
                            width: 100%;
                            height: 330px;
                            outline: none;
                            border: none;
                            padding: 26px 0;
                            resize: none;
                        }

            .main.contactFormContainer .background .form .buttons {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .main.contactFormContainer .background .form .buttons a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-radius: 50px;
                    color: #fff;
                    font-family: var(--semibold);
                    background-color: var(--themecolor);
                    height: 46px;
                    transition: all ease .3s;
                }

                    .main.contactFormContainer .background .form .buttons a:hover {
                        background-color: #b92228;
                    }

                .main.contactFormContainer .background .form .buttons .text {
                    padding: 0 15px 0 22px;
                    font-size: 17px;
                }

                .main.contactFormContainer .background .form .buttons span {
                    width: 40px;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    border-left: 1px solid #d53e46;
                    padding-right: 5px;
                    font-size: 18px;
                }

                    .main.contactFormContainer .background .form .buttons span::before {
                        content: '';
                        height: 100%;
                        width: 1px;
                        position: absolute;
                        left: -2px;
                        top: 0;
                        background-color: #9a0c12;
                    }



.defaultSliderArrows {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: var(--buttontrsansition);
}

    .defaultSliderArrows.sliderNextArrow > svg {
        transform: rotate(180deg);
    }

    .defaultSliderArrows > svg {
        width: 100%;
        height: 100%;
    }

        .defaultSliderArrows > svg .st0 {
            stroke: #e3e3e3 !important;
        }

    .defaultSliderArrows.sliderPrevArrow {
        left: -2.5%;
    }

    .defaultSliderArrows.sliderNextArrow {
        right: -2.5%;
    }


.bannerSlider.no-before:before {
    display: none;
}

.main.defaultContent.corporate {
    width: 100% !important;
}

.firstContentForIndustry {
    padding: 3.559% 2.349%;
    font-family: var(--regular);
}

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

.errorBorder {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.successBorder {
    border-color: #28a745 !important;
}

.errorTextForContactform {
    font-family: var(--semibold);
    color: #dc3545;
    font-size: 16px;
}

.emailWrongFormat {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 12px;
    font-family: var(--regular);
    color: #dc3545;
}

.success {
    color: #28a745;
}

.error {
    color: #dc3545;
}


.fancybox__caption {
    font-family: var(--regular) !important;
}


/*Pagination*/
.newsPagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 1px solid #d7d7d7;
    border-radius: 100px;
    width: max-content;
    padding: 6px 20px;
    gap: 25px;
    margin-bottom: 2.5%;
    /*  bottom: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

    .newsPagination ul {
        display: flex;
        list-style: none;
        gap: 15px;
    }

        .newsPagination ul li {
            font-family: var(--regular);
            font-size: 16px;
            color: #8c8c8c;
        }


            .newsPagination ul li a,
            .newsPagination ul > a {
                font-family: var(--regular);
                font-size: 16px;
                color: #8c8c8c;
            }

                .newsPagination ul li a.active {
                    color: var(--themecolor) !important;
                    font-size: 16px;
                    color: #8c8c8c;
                }

    .newsPagination a i {
        font-size: 14px;
        color: #8c8c8c;
    }

    .newsPagination a[href] i {
        color: var(--themecolor);
    }


/* Haber Detay */
.main.newsDetailContainer {
    display: flex;
    justify-content: space-between;
    margin-top: 2.089%;
    margin-bottom: 6.267%;
}

    .main.newsDetailContainer .lastNews {
        width: 18.834%;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        padding: 1.385% 0;
        height: max-content;
    }

        .main.newsDetailContainer .lastNews > .title {
            color: #fff;
            font-size: 24px;
            font-family: var(--semibold);
            background-color: var(--themecolor);
            border-radius: 0 0 25px 0;
            padding: 1.768% 7.356%;
            margin-bottom: 5.886%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            color: var(--themecolor);
            font-size: 18px;
            background-color: #fff;
            font-family: var(--semibold);
            padding: 2.65% 3.824%;
            border: 2px solid var(--themecolor);
            border-radius: 100px;
            margin: 0 auto;
            transition: all ease .3s;
        }

            .main.newsDetailContainer .lastNews > .allSeeButton:hover {
                color: #fff;
                background-color: var(--themecolor);
            }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
                width: 92.65%;
                height: max-content;
                background-color: #fff;
                border: 1px solid #f3f3f3;
                display: flex;
                flex-direction: column;
                transition: all ease .3s;
                margin: 0 auto 8.237% auto;
            }

                .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item:hover {
                    box-shadow: rgba(23, 46, 71, 0.1) 0px 0px 30px;
                }

                    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item:hover .continueButton {
                        text-decoration: underline;
                    }

                .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 140px;
                    background-color: #ececec;
                }

                    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage > img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                    padding: 15px 10px 10px 10px;
                    display: flex;
                    flex-direction: column;
                }


                    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .title {
                        font-size: 14px;
                        color: var(--titlecolor);
                        font-family: var(--bold);
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        min-height: 40px;
                    }

                    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .text {
                        font-size: 14px;
                        color: var(--textcolor);
                        font-family: var(--regular);
                        text-align: justify;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        min-height: 40px;
                        margin-top: 5px;
                    }

                    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                        font-size: 12px;
                        color: var(--textcolor);
                        font-family: var(--regular);
                        display: flex;
                        justify-content: space-between;
                        margin-top: 10px;
                    }

                        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine > .continueButton {
                            font-size: 12px;
                            color: var(--themecolor);
                            font-family: var(--regular);
                        }

    .main.newsDetailContainer .newsDetail {
        width: 79.766%;
        background-color: #fff;
        padding: 0 1.939%;
        padding-bottom: 3%;
        height: max-content;
    }

        .main.newsDetailContainer .newsDetail > .buttons {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.606% 0;
        }

            .main.newsDetailContainer .newsDetail > .buttons > a {
                display: flex;
                gap: 10px;
                align-items: center;
                color: #8c8c8c;
                font-size: 12px;
                font-family: var(--regular);
            }

        .main.newsDetailContainer .newsDetail > .date {
            display: flex;
            align-items: center;
            justify-content: end;
            color: #8c8c8c;
            font-size: 12px;
            font-family: var(--regular);
            margin-bottom: 0.95%;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 16px;
            font-family: var(--regular);
            color: #2f2929;
            line-height: 30px;
            text-align: justify;
        }

            .main.newsDetailContainer .newsDetail > .textArea strong {
                font-family: var(--bold);
            }

            .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
                font-size: 24px;
                font-family: var(--bold);
                margin-bottom: 2.92%;
                text-align: start;
            }


            .main.newsDetailContainer .newsDetail > .textArea .carousel {
                width: 58.03%;
                float: right;
                margin-left: 1.096%;
            }

    .main.newsDetailContainer .swiperBig {
        width: 100%;
        height: 447px;
        height: 48.64vh;
        margin-bottom: 20px;
        user-select: none;
    }

    .main.newsDetailContainer .swiperSmall {
        width: 100%;
        height: 115px;
        height: 12.515vh;
        user-select: none;
    }

        .main.newsDetailContainer .swiperSmall .swiper-slide {
            /*background-color: rgb(0, 0, 0);*/
            background-color: #fff;
            cursor: pointer;
        }

            .main.newsDetailContainer .swiperSmall .swiper-slide img {
                opacity: 0.7;
            }

            .main.newsDetailContainer .swiperSmall .swiper-slide:hover img {
                opacity: 1;
            }

        .main.newsDetailContainer .swiperSmall .swiper-slide-thumb-active img {
            opacity: 1;
        }

    .main.newsDetailContainer .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: -25px;
        top: 55% !important;
        transform: translateY(-50%);
    }

        .main.newsDetailContainer .swiper-button-prev:after {
            content: '\f104';
            font-family: 'FontAwesome';
            font-size: 28px;
            background-color: rgba(255, 255, 255, 0.7);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            border-radius: 100%;
            padding-right: 7px;
            justify-content: end;
            color: rgba(206 23 31 / 0.3);
        }

    .main.newsDetailContainer .swiper-button-next {
        right: -25px;
        width: 50px;
        height: 50px;
        top: 55% !important;
        transform: translateY(-50%);
    }

        .main.newsDetailContainer .swiper-button-next:after {
            content: '\f105';
            font-family: 'FontAwesome';
            font-size: 28px;
            background-color: rgba(255, 255, 255, 0.7);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            border-radius: 100%;
            padding-left: 7px;
            color: rgba(206 23 31 / 0.3);
        }

    .main.newsDetailContainer .swiperSmall .swiper-slide.video {
        position: relative;
    }


        .main.newsDetailContainer .swiperSmall .swiper-slide.video:not(i::before) img {
            opacity: .5 !important;
        }

        .main.newsDetailContainer .swiperSmall .swiper-slide.video i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 22px;
            background-color: rgba(255 255 255 / 0.4);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
        }

            .main.newsDetailContainer .swiperSmall .swiper-slide.video i::before {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 22px;
                background-color: rgba(255 255 255 / 0.4);
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
                border: 2px solid var(--themecolor);
            }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: unset !important;
}

/*Document List*/
/*.main.newsDetailContainer .newsDetail > .documents {
    width: 100%;
    background-color: #f6f6f6;
    margin-top: 5.11%;
    padding: 1.46% 2.336% 0 2.336%;
    display: inline-flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    margin-bottom: -7.2%;
}

    .main.newsDetailContainer .newsDetail > .documents > .title {
        color: var(--themecolor);
        font-family: var(--bold);
        font-size: 18px;
        padding-left: 0.613%;
    }

    .main.newsDetailContainer .newsDetail > .documents > .item {
        padding: 2.145% 0.613%;
        font-family: var(--semibold);
        font-size: 16px;
        color: #2f2929;
        width: 100%;
        border-bottom: 2px solid #e9e9e9;
        transition: all ease-in .1s;
    }

        .main.newsDetailContainer .newsDetail > .documents > .item:hover {
            background-color: #e9e9e9;
        }

        .main.newsDetailContainer .newsDetail > .documents > .item:last-child {
            border-bottom: none;
        }

        .main.newsDetailContainer .newsDetail > .documents > .item > i {
            color: var(--themecolor);
            margin-right: 4px;
        }

            .main.newsDetailContainer .newsDetail > .documents > .item > i:nth-child(1) {
                font-size: 22px;
                min-width: 25px;
            }

            .main.newsDetailContainer .newsDetail > .documents > .item > i:nth-child(2) {
                font-size: 14px;
                margin-left: 2.326%;
            }
*/

.documents.documentList {
    width: 100%;
    background-color: #f6f6f6;
    margin-top: 5.11%;
    padding: 1.46% 2.336% 0 2.336%;
    display: inline-flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    margin-bottom: -7.2%;
}

    .documents.documentList > .title {
        color: var(--themecolor);
        font-family: var(--bold);
        font-size: 18px;
        padding-left: 0.613%;
    }

    .documents.documentList > .item {
        padding: 2.145% 30px;
        font-family: var(--semibold);
        font-size: 16px;
        color: #2f2929;
        width: 100%;
        border-bottom: 2px solid #e9e9e9;
        transition: all ease-in .1s;
        position: relative;
    }

        .documents.documentList > .item:hover {
            background-color: #e9e9e9;
        }

        .documents.documentList > .item:last-child {
            border-bottom: none;
        }

        .documents.documentList > .item > i {
            color: var(--themecolor);
            margin-right: 4px;
        }

            .documents.documentList > .item > i:nth-child(1) {
                font-size: 22px;
                min-width: 25px;
                position: absolute;
                left: 3px;
                top: 50%;
                transform: translateY(-50%);
            }

            .documents.documentList > .item > i:nth-child(2) {
                font-size: 14px;
                margin-left: 2.326%;
                position: absolute;
                right: 3px;
                top: 50%;
                transform: translateY(-50%);
            }





/* Old News */
.oldNewsContainer {
    background-color: #fff;
    padding: 1.567% 4.178%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.611%;
}

    .oldNewsContainer .item {
        width: 100%;
        padding: 1.642% 0;
        border-bottom: 2px solid #e9e9e9;
        font-size: 18px;
        font-family: var(--regular);
        display: flex;
        justify-content: space-between;
        transition: all ease .2s;
    }

        .oldNewsContainer .item:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 10px -10px;
        }

        .oldNewsContainer .item:last-child {
            border-bottom: none;
        }

        .oldNewsContainer .item > .title {
            color: #2f2929;
            width: 41%;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .oldNewsContainer .item > .date {
            color: #8c8c8c;
        }

        .oldNewsContainer .item > i {
            color: var(--themecolor);
            font-size: 14px;
        }

.noResultForNews {
    width: 100%;
    height: calc(100% - 170px);
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--semibold);
    font-size: 16px;
    color: var(--themecolor);
    text-align: center;
}

.footerRightArea.forErrorPages {
    justify-content: end;
}

.headerRight.forErrorPages {
    justify-content: center;
}

.defaultContent .textContentContainer.topSpacer {
    margin-top: 2%;
}

/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .defaultContent .downloadDocument {
        height: 210px;
        width: 45%;
        padding: 3% 10px 10px 18%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 28px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 31px 0;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        min-height: 50vh;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 14.7%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 300px;
    }

    /*Haber Detay*/
    .main.newsDetailContainer .swiperBig {
        height: 37.24vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 10vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    /* anasayfa */
    .bannerSlider {
        height: 530px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 1300px;
    }

    .header .headerRight .menu .searchBox {
        width: 440px;
    }

    .brands > .text {
        font-size: 75px;
        margin-top: 16px;
    }

    .footer .footerRightArea {
        padding-left: 6%;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
        height: 220px;
    }

    /* kurumsal */
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer.old .wrapper {
        justify-content: center;
    }

    .contentLeft {
        padding: 2.659% 34px 2.324% 34px;
    }

        .contentLeft.industry {
            padding: 2.659% 22px 2.324% 22px;
        }

        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before {
            width: 20px;
        }

        .contentLeft #navigation > li.hoverActive > a,
        .contentLeft #navigation > li.hoverActive > span,
        .contentLeft #navigation > li > a:hover,
        .contentLeft #navigation > li > span:hover {
            padding-left: 25px;
        }



    /* endüstri */
    .contentRight .industryContainer .image {
        height: 460px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
    }

    /* haberler */
    .newsListContainer {
        gap: 19px;
        min-height: calc(100vh - 550px);
    }

        .newsListContainer .item {
            width: 300px;
        }
}

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

    .defaultContent .downloadDocument {
        height: 200px;
        width: 48%;
        padding: 3% 10px 10px 18%;
    }


    .downloadDocument {
        width: 60%;
        height: 250px;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 28px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 31px 0;
    }


    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        min-height: 50vh;
    }
    /*Haber Detay*/
    .main.newsDetailContainer .swiperBig {
        height: 37.24vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 11vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    /* anasayfa */
    .bannerSlider {
        height: 510px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 1200px;
    }

    .header .headerRight .menu .searchBox {
        width: 400px;
    }

    .brands > .text {
        font-size: 72px;
        margin-top: 17px;
    }

    .footer .footerRightArea {
        padding-left: 6%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 290px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 12%;
    }

    .sectorArea .textArea {
        padding-right: 4%;
    }

    .lastFiguresContainer .topArea .text {
        width: 46%;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
        height: 225px;
    }

    /* kurumsal */
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer.old .wrapper {
        justify-content: center;
    }

    .contentLeft {
        padding: 2.659% 25px 2.324% 25px;
    }

        .contentLeft.industry {
            padding: 2.659% 19px 2.324% 19px;
        }

        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before {
            width: 20px;
        }

        .contentLeft #navigation > li.hoverActive > a,
        .contentLeft #navigation > li.hoverActive > span,
        .contentLeft #navigation > li > a:hover,
        .contentLeft #navigation > li > span:hover {
            padding-left: 25px;
        }





    /* endüstri */
    .contentRight .industryContainer .image {
        height: 440px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
    }

    /* haberler */
    .newsListContainer {
        gap: 20px;
        min-height: calc(100vh - 545px);
    }

        .newsListContainer .item {
            width: 284px;
        }

    .lastFiguresContainer .bottomArea .item {
        width: 15.4%;
    }
}

/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .defaultContent .downloadDocument {
        height: 200px;
        width: 48%;
        padding: 3% 10px 10px 18%;
    }

    .downloadDocument {
        width: 60%;
        height: 250px;
    }

    .contentRight .membersContainer .wrapper .item .company {
        max-height: 34px;
    }

    .errorPage .container.e500 {
        transform: scale(0.8) translateY(18%);
    }

    .main.searchResultContainer .resultWrapper {
        gap: 28px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 32px 0;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 17%;
    }

    .newsListContainer .item .newsImage {
        height: 130px;
    }

    .oldNewsContainer .item {
        font-size: 16px;
    }
    /*Haber Detay*/
    .main.newsDetailContainer .swiperBig {
        height: 43.84vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 12vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    /* anasayfa */
    .header .headerRight .menu .headerMenuList {
        column-gap: 25px;
    }

    .bannerSlider {
        height: 480px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 1200px;
    }

    .header .headerRight .menu .searchBox {
        width: 370px;
    }

    .brands > .text {
        font-size: 70px;
        margin-top: 18px;
    }

    .brands .brandsContainer .brandsSlider .brandImage {
        width: 175px;
    }

    .footer .footerRightArea {
        padding-left: 7%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 280px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 6%;
    }

    .sectorArea .textArea {
        padding-right: 2%;
    }

    .lastFiguresContainer .topArea .text {
        width: 50%;
    }

    .sectorArea::after {
        width: 55%;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
        height: 220px;
    }

    /* kurumsal */
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer > .title {
        font-size: 26px;
    }

    .contentRight .membersContainer {
        width: 95%;
    }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

    .contentLeft {
        padding: 2.659% 17px 2.324% 17px;
    }

        .contentLeft.industry {
            padding: 2.659% 10px 2.324% 10px;
        }

    /* endüstri */
    .contentRight .industryContainer .image {
        height: 420px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
    }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 380px;
    }

    .contentRight .industryContainer .tab-content.forIndustry table tr td img {
        max-width: 500px;
    }

    /* haberler */
    .newsListContainer {
        gap: 20px;
    }

        .newsListContainer .item {
            width: 270px;
        }


    /*İletişim*/
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 240px;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }
}

/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .defaultContent .downloadDocument {
        height: 180px;
        width: 48%;
        padding: 3% 10px 10px 18%;
    }

    .downloadDocument {
        width: 60%;
        height: 230px;
    }

    .defaultContent .defaultContentBanner {
        height: 280px;
    }

    .errorPage .container.e500 {
        transform: scale(1) translateY(18%);
    }

    .main.searchResultContainer .resultWrapper {
        gap: 26px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 31px 0;
    }

    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 7.686%;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea {
        padding: 7px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .oldNewsContainer .item {
        font-size: 16px;
    }

    .main.newsOptions .title:first-child {
        margin-left: 2.816%;
    }
    /*Haber Detay*/
    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 130px;
    }

    .main.newsDetailContainer .swiperBig {
        height: 33.54vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 10vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .main.newsDetailContainer .newsDetail > .textArea .newsTitle,
    .main.newsDetailContainer .lastNews > .title {
        font-size: 22px;
    }

    .main.newsDetailContainer .newsDetail > .documents > .title,
    .main.newsDetailContainer .lastNews > .allSeeButton {
        font-size: 16px;
    }

    .main.newsDetailContainer .newsDetail > .textArea,
    .main.newsDetailContainer .newsDetail > .documents > .item {
        font-size: 14px;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .title {
        min-height: 39px;
    }
    /* anasayfa */
    .header .headerRight .menu .headerMenuList {
        column-gap: 15px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .bannerSlider {
        height: 450px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 1100px;
    }

    .header .headerRight .menu .searchBox {
        width: 350px;
    }

    .brands > .text {
        font-size: 65px;
        margin-top: 12px;
    }

    .footer .footerRightArea {
        padding-left: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 250px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 6%;
    }

    .sectorArea .textArea {
        padding-right: 2%;
        width: 45%;
    }

    .lastFiguresContainer .topArea .text {
        width: 50%;
    }

    .sectorArea::after {
        width: 52%;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 20px;
    }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
            margin: 0 5%;
            height: 225px;
        }

    .brands .brandsContainer .brandsSlider .brandImage {
        width: 175px;
        height: 100px;
    }

    .brands {
        height: 170px;
    }

    .header .headerRight .topInfos .box .text a {
        font-size: 14px;
    }

    .header .headerRight .topInfos .box:nth-child(1)::before {
        width: 30px;
        left: -35px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box:nth-child(2)::before {
        width: 35px;
        left: -40px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box {
        margin-left: 5%;
    }

    .corporateContainer .textContainer .text {
        margin-bottom: 5%;
    }

    .newsContainer .bottomArea {
        margin-bottom: 4%;
    }

        .newsContainer .bottomArea > .parentheses {
            height: 650px;
        }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 120px;
        }

        .newsContainer .bottomArea .newsList > .item > .textArea > .title {
            min-height: 39px;
        }

        .newsContainer .bottomArea .lastNews {
            width: 57%;
        }

        .newsContainer .bottomArea > .parentheses {
            margin: 0 2.324% 0 1.77%;
        }

    .lastFiguresContainer {
        min-height: 250px;
    }

        .lastFiguresContainer .bottomArea {
            gap: 40px;
            bottom: -13%;
        }

            .lastFiguresContainer .bottomArea .item .text {
                width: 120px;
            }

            .lastFiguresContainer .bottomArea .item .icon {
                width: 70px;
                height: 70px;
            }

    .sectorArea {
        min-height: 345px;
    }

    .footer .footerRightArea .menu,
    .footer .footerRightArea .contactInfos {
        gap: 35px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 45px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 26px;
    }



    .sectorArea .textArea .title {
        font-size: 22px;
    }

    .corporateContainer .textContainer .title,
    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .lastFiguresContainer .bottomArea .item .text {
        font-size: 18px;
    }

    .corporateContainer .textContainer .text,
    .corporateContainer .textContainer .continueButton a,
    .lastFiguresContainer .topArea .text,
    .sectorArea .textArea .text {
        font-size: 16px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .text {
        font-size: 14px;
    }

    .footer .logo {
        width: 150px;
    }

    /* kurumsal */
    .contentLeft #navigation > li {
        font-size: 14px;
        padding: 20px 5px;
    }

    .contentLeft.industry {
        padding: 2.659% 18px 2.324% 18px;
    }

    .contentLeft #navigation > li.hoverActive > a::before,
    .contentLeft #navigation > li.hoverActive > span::before,
    .contentLeft #navigation > li > a:hover::before,
    .contentLeft #navigation > li > span:hover::before {
        width: 20px;
    }

    .contentLeft #navigation > li.hoverActive > a,
    .contentLeft #navigation > li.hoverActive > span,
    .contentLeft #navigation > li > a:hover,
    .contentLeft #navigation > li > span:hover {
        padding-left: 25px;
    }


        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before,
        .contentLeft #navigation > li > a::before,
        .contentLeft #navigation > li > span::before {
            top: 29px;
        }

    .contentRight .corporateBanner {
        height: 300px;
    }

    .contentRight .textContentContainer {
        border-radius: 70px;
        width: 90%;
    }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 12px;
            padding: 5px 20px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 20px;
        }


    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer > .title {
        font-size: 24px;
    }

        .contentRight .membersContainer > .title::before {
            height: 7px;
        }

    .contentRight .membersContainer {
        width: 95%;
    }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

    .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
        width: 120px;
    }

    .contentRight .logoSliderContainer .lines .logo img {
        max-width: 75%;
    }

    .contentRight .kvkkContainer .title {
        font-size: 22px;
        margin-bottom: 5%;
    }

    /* endüstri */
    .contentRight .industryContainer .image {
        height: 400px;
    }


    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
        font-size: 17px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child {
            font-size: 28px;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList a {
        font-size: 18px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
        font-size: 16px;
    }




    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 350px;
    }

    .contentRight .industryContainer .tab-content.forIndustry table tr td img {
        max-width: 500px;
    }

    /* haberler */
    .newsListContainer {
        gap: 20px;
        min-height: calc(100vh - 537px);
    }

        .newsListContainer .item {
            width: 254px;
        }

            .newsListContainer .item > .textArea > .bottomLine {
                flex-direction: column;
            }

    /* search result */
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 18px;
    }

    /*İletişim*/
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 240px;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 15%;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }
}

/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .defaultContent .textContentContainer > ul {
        margin-left: 7%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .downloadDocument {
        width: 60%;
        height: 230px;
    }

    .defaultContent .defaultContentBanner {
        height: 260px;
    }


    .errorPage .container.e500 {
        transform: scale(1) translateY(20%);
    }

    .main.searchResultContainer .resultWrapper {
        gap: 23px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 22px 0;
    }

    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 7.486%;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea {
        padding: 7px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .defaultContentSlider .sliderImage {
        width: 240px;
        height: 160px;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 16%;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .oldNewsContainer .item {
        font-size: 14px;
    }

    .main.newsOptions .title:first-child {
        margin-left: 4.816%;
    }

    /*Haber Detay*/
    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 120px;
    }

    .main.newsDetailContainer .swiperBig {
        height: 37.24vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 10vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .main.newsDetailContainer .newsDetail > .textArea .newsTitle,
    .main.newsDetailContainer .lastNews > .title {
        font-size: 22px;
    }

    .main.newsDetailContainer .newsDetail > .documents > .title,
    .main.newsDetailContainer .lastNews > .allSeeButton {
        font-size: 16px;
    }

    .main.newsDetailContainer .newsDetail > .textArea,
    .main.newsDetailContainer .newsDetail > .documents > .item {
        font-size: 14px;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .title {
        min-height: 39px;
    }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 20px;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .errorTextForContactform {
        font-size: 14px;
    }
    /* anasayfa */
    .header .headerRight .menu .searchBox {
        margin-left: 30px;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 15px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .bannerSlider {
        height: 430px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 1000px;
    }

    .header .headerRight .menu .searchBox {
        width: 320px;
    }

    .brands > .text {
        font-size: 60px;
        margin-top: 14px;
    }

    .footer .footerRightArea {
        padding-left: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 245px;
    }

        .newsContainer .bottomArea .newsList > .item > .textArea {
            padding: 10px;
        }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 6%;
    }

    .sectorArea .textArea {
        padding-right: 2%;
        width: 45%;
    }

    .lastFiguresContainer .topArea .text {
        width: 50%;
    }

    .sectorArea::after {
        width: 52%;
        top: 51%;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 15px;
    }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
            margin: 0 5%;
            height: 225px;
        }

    .brands .brandsContainer .brandsSlider .brandImage {
        width: 165px;
        height: 100px;
    }

    .brands {
        height: 170px;
    }

    .header .headerRight .topInfos .box .text a {
        font-size: 14px;
    }

    .header .headerRight .topInfos .box:nth-child(1)::before {
        width: 30px;
        left: -35px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box:nth-child(2)::before {
        width: 35px;
        left: -40px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box {
        margin-left: 5%;
    }

    .corporateContainer .textContainer .text {
        margin-bottom: 5%;
    }

    .newsContainer .bottomArea {
        margin-bottom: 4%;
    }

        .newsContainer .bottomArea > .parentheses {
            height: 580px;
        }

        .newsContainer .bottomArea .lastNews > .imageBox {
            width: 450px;
            height: 500px;
        }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 120px;
        }

        .newsContainer .bottomArea .newsList > .item > .textArea > .title {
            min-height: 39px;
        }

        .newsContainer .bottomArea .lastNews {
            width: 57%;
        }

        .newsContainer .bottomArea > .parentheses {
            margin: 0 2.324% 0 1.77%;
        }

    .lastFiguresContainer {
        min-height: 250px;
    }

        .lastFiguresContainer .bottomArea {
            gap: 40px;
            bottom: -13%;
        }

            .lastFiguresContainer .bottomArea .item .text {
                width: 120px;
            }

            .lastFiguresContainer .bottomArea .item .icon {
                width: 70px;
                height: 70px;
            }

    .sectorArea {
        min-height: 345px;
    }

    .footer .footerRightArea .menu,
    .footer .footerRightArea .contactInfos {
        gap: 30px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 45px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 26px;
    }

    .sectorArea .textArea .title {
        font-size: 22px;
    }

    .corporateContainer .textContainer .title,
    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .lastFiguresContainer .bottomArea .item .text {
        font-size: 18px;
    }

    .corporateContainer .textContainer .text,
    .corporateContainer .textContainer .continueButton a,
    .lastFiguresContainer .topArea .text,
    .sectorArea .textArea .text {
        font-size: 16px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .text {
        font-size: 14px;
    }

    .corporateContainer .corporateTitle {
        margin-bottom: 2.8%;
    }

    .footer .logo {
        width: 170px;
    }

    /* kurumsal */
    .contentLeft #navigation > li {
        font-size: 14px;
        padding: 20px 5px;
    }



        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before,
        .contentLeft #navigation > li > a::before,
        .contentLeft #navigation > li > span::before {
            top: 29px;
        }

    .contentRight .corporateBanner {
        height: 300px;
    }

    .contentRight .textContentContainer {
        border-radius: 60px;
        width: 90%;
    }


        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 12px;
            padding: 5px 20px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 20px;
        }

    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer > .title {
        font-size: 24px;
    }

        .contentRight .membersContainer > .title::before {
            height: 7px;
        }

    .contentRight .membersContainer {
        width: 95%;
    }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

    .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
        width: 120px;
    }

    .contentRight .logoSliderContainer .lines .logo img {
        max-width: 75%;
    }

    .contentRight .logoSliderContainer .tableHeaders .item,
    .contentRight .logoSliderContainer .lines .logo {
        padding-left: 30px;
    }

    .contentRight .kvkkContainer .title {
        font-size: 22px;
        margin-bottom: 5%;
    }

    .contentLeft {
        padding: 2.659% 17px 2.324% 17px;
    }

        .contentLeft.industry {
            padding: 2.659% 13px 2.324% 13px;
        }


        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before {
            width: 15px;
        }

        .contentLeft #navigation > li.hoverActive > a,
        .contentLeft #navigation > li.hoverActive > span,
        .contentLeft #navigation > li > a:hover,
        .contentLeft #navigation > li > span:hover {
            padding-left: 20px;
        }


    /* endüstri */
    .contentRight .industryContainer .image {
        height: 370px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child {
        font-size: 28px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList a {
        font-size: 18px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
        font-size: 16px;
    }

    .contentRight .industryBanner {
        height: 240px;
    }

    .defaultContent .downloadDocument {
        height: 180px;
        width: 48%;
        padding: 3% 10px 10px 18%;
    }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 350px;
    }

    .downloadDocument .documentName {
        font-size: 18px;
    }

    .downloadDocument .documentDesc {
        font-size: 14px;
    }

    .downloadDocument .downloadButton {
        padding: 3px 18px;
        font-size: 16px;
    }


    .contentRight .industryContainer .tab-content.forIndustry table tr td img {
        max-width: 450px;
    }

    .contentRight .industryContainer .title {
        font-size: 22px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 15px;
    }

    .contentRight .industryContainer .tab-content.forIndustry {
        font-size: 14px;
    }


    /* haberler */
    .newsListContainer {
        gap: 20px;
    }

        .newsListContainer .item {
            width: 240px;
        }

            .newsListContainer .item > .textArea > .bottomLine {
                flex-direction: column;
            }

    /* search result */
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 18px;
    }

    .main.searchResultContainer > .title {
        font-size: 28px;
        margin-bottom: 1.5%;
    }

    .defaultContent .textContentContainer {
        margin: -9% auto 5% auto;
    }

    /*İletişim*/
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 230px;
    }

    .main.contactContainer .topArea {
        height: 480px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 425px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            height: 405px;
        }

    .main.contactFormContainer .background .form .inputs .inputBox input {
        padding: 5.52% 0;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2.52% 0 !important;
    }
}

/* width 1366-2 */
@media only screen and (min-width: 1279px) and (max-width:1366px) {
    .errorPage .container.e500 {
        transform: scale(0.7) translateY(32%);
    }

    .main.newsDetailContainer .swiperBig {
        height: 45.34vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 13vh;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 200px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox input,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 4.52% 0;
    }
}

/*width 1278*/
@media only screen and (min-width: 1025px) and (max-width:1278px) {
    .defaultContent .textContentContainer > ul {
        margin-left: 7%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .downloadDocument {
        width: 62%;
        height: 210px;
    }

    .defaultContent .defaultContentBanner {
        height: 250px;
    }

    .errorPage .container.e500 {
        transform: scale(1) translateY(22%);
    }

    .main.searchResultContainer .resultWrapper {
        gap: 23px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 23px 0;
    }

    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 7.786%;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea {
        padding: 7px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td {
        height: 60px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .oldNewsContainer .item {
        font-size: 14px;
    }

    .main.newsOptions .title:first-child {
        margin-left: 2.416%;
        width: 36.6%;
    }
    /*Haber Detay*/
    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 110px;
    }

    .main.newsDetailContainer .swiperBig {
        height: 34.94vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 10vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .main.newsDetailContainer .newsDetail > .textArea .newsTitle,
    .main.newsDetailContainer .lastNews > .title {
        font-size: 20px;
    }

    .main.newsDetailContainer .newsDetail > .documents > .title,
    .main.newsDetailContainer .lastNews > .allSeeButton {
        font-size: 15px;
    }

    .main.newsDetailContainer .newsDetail > .textArea,
    .main.newsDetailContainer .newsDetail > .documents > .item {
        font-size: 14px;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .title {
        min-height: 39px;
    }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 20px;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .errorTextForContactform {
        font-size: 14px;
    }


    .main.contactFormContainer .background .form {
        width: 60%;
    }

    .errorTextForContactform {
        font-size: 14px;
    }
    /* anasayfa */
    .header .headerRight .menu .searchBox {
        margin-left: 10px;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 15px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .bannerSlider {
        height: 400px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 930px;
    }

    .header .headerRight .menu .searchBox {
        width: 280px;
    }

    .brands > .text {
        font-size: 58px;
        margin-top: 16px;
    }

    .footer .footerRightArea {
        padding-left: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 225px;
    }

        .newsContainer .bottomArea .newsList > .item > .textArea {
            padding: 10px;
        }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 6%;
    }

    .sectorArea .textArea {
        padding-right: 2%;
        width: 38%;
    }

    .lastFiguresContainer .topArea .text {
        width: 50%;
    }

    .sectorArea::after {
        width: 58%;
        top: 52%;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 10px;
    }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
            margin: 0 3%;
            height: 225px;
        }

    .brands .brandsContainer .brandsSlider .brandImage {
        width: 155px;
        height: 100px;
    }

    .brands {
        height: 170px;
    }

    .header .headerRight .topInfos .box .text a {
        font-size: 14px;
    }

    .header .headerRight .topInfos .box:nth-child(1)::before {
        width: 30px;
        left: -35px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box:nth-child(2)::before {
        width: 35px;
        left: -40px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box {
        margin-left: 6%;
    }

    .corporateContainer .textContainer .text {
        margin-bottom: 5%;
    }

    .newsContainer .bottomArea {
        margin-bottom: 4%;
    }

        .newsContainer .bottomArea > .parentheses {
            height: 580px;
        }

        .newsContainer .bottomArea .lastNews > .imageBox {
            width: 450px;
            height: 500px;
        }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 120px;
        }

        .newsContainer .bottomArea .newsList > .item > .textArea > .title {
            min-height: 39px;
        }

        .newsContainer .bottomArea .lastNews {
            width: 57%;
        }

        .newsContainer .bottomArea > .parentheses {
            margin: 0 2.324% 0 1.77%;
        }

    .lastFiguresContainer {
        min-height: 270px;
    }

        .lastFiguresContainer .bottomArea {
            gap: 40px;
            bottom: -13%;
        }

            .lastFiguresContainer .bottomArea .item .text {
                width: 120px;
            }

            .lastFiguresContainer .bottomArea .item .icon {
                width: 70px;
                height: 70px;
            }

    .sectorArea {
        min-height: 345px;
    }

    .footer .footerRightArea .menu,
    .footer .footerRightArea .contactInfos {
        gap: 30px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 40px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 26px;
    }

    .sectorArea .textArea .title {
        font-size: 22px;
    }

    .corporateContainer .textContainer .title,
    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .lastFiguresContainer .bottomArea .item .text {
        font-size: 18px;
    }

    .corporateContainer .textContainer .text,
    .corporateContainer .textContainer .continueButton a,
    .lastFiguresContainer .topArea .text,
    .sectorArea .textArea .text {
        font-size: 16px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .text {
        font-size: 14px;
    }

    .corporateContainer .corporateTitle {
        margin-bottom: 2.8%;
    }

    .footer .logo {
        width: 170px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content > .title {
        font-size: 36px;
    }

    /* kurumsal */
    .contentLeft #navigation > li {
        font-size: 14px;
        padding: 20px 5px;
    }

    .contentLeft {
        width: 20.939%;
        background-color: #fff;
        padding: 2.659% 10px 2.324% 10px;
    }

        .contentLeft.industry {
            padding: 2.659% 26px 2.324% 26px;
        }

        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before {
            width: 15px;
        }

        .contentLeft #navigation > li.hoverActive > a,
        .contentLeft #navigation > li.hoverActive > span,
        .contentLeft #navigation > li > a:hover,
        .contentLeft #navigation > li > span:hover {
            padding-left: 20px;
        }






            .contentLeft #navigation > li.hoverActive > a::before,
            .contentLeft #navigation > li.hoverActive > span::before,
            .contentLeft #navigation > li > a:hover::before,
            .contentLeft #navigation > li > span:hover::before,
            .contentLeft #navigation > li > a::before,
            .contentLeft #navigation > li > span::before {
                top: 29px;
            }

    .contentRight .corporateBanner {
        height: 300px;
    }

    .contentRight .textContentContainer {
        border-radius: 60px;
        width: 90%;
    }


        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 12px;
            padding: 5px 20px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 20px;
        }

    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
    .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
        margin: 0 0px;
    }

    .contentRight .membersContainer > .title {
        font-size: 24px;
    }

        .contentRight .membersContainer > .title::before {
            height: 7px;
        }

    .contentRight .membersContainer {
        width: 95%;
    }

        .contentRight .membersContainer .wrapper {
            column-gap: 25px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

    .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
        width: 100px;
    }

    .contentRight .logoSliderContainer .lines .logo img {
        max-width: 75%;
    }

    .contentRight .logoSliderContainer .tableHeaders .item,
    .contentRight .logoSliderContainer .lines .logo {
        padding-left: 25px;
    }

    .contentRight .kvkkContainer .title {
        font-size: 22px;
        margin-bottom: 5%;
    }

    .contentRight .kvkkContainer {
        font-size: 14px;
    }

    /* endüstri */
    .contentRight .industryContainer .image {
        height: 340px;
    }

    .contentRight .industryContainer .title {
        font-size: 22px;
    }


    .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
        top: -10px;
        font-size: 12px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child {
        font-size: 27px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList a {
        font-size: 17px;
        height: 55px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
        font-size: 15px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -27px;
    }

    .contentRight .industryBanner {
        height: 230px;
    }

    .defaultContent .downloadDocument {
        height: 180px;
        width: 50%;
        padding: 3% 10px 10px 18%;
    }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 350px;
    }

    .downloadDocument .documentName {
        font-size: 16px;
    }

    .downloadDocument .documentDesc {
        font-size: 14px;
    }

    .downloadDocument .downloadButton {
        padding: 3px 18px;
        font-size: 16px;
    }

    .contentRight .usefulLinks {
        gap: 1px;
    }


    .contentRight .industryContainer .tab-content.forIndustry table tr td img {
        max-width: 450px;
    }

    .contentRight .industryContainer .title {
        font-size: 22px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 15px;
    }

    .contentRight .industryContainer .tab-content.forIndustry {
        font-size: 14px;
    }

    .contentRight .industryContainer > .industryContentList > li {
        height: 45px;
    }

    /* haberler */
    .newsListContainer {
        gap: 40px;
    }

        .newsListContainer .item {
            width: 270px;
        }

            .newsListContainer .item > .textArea > .bottomLine {
                flex-direction: column;
            }

    /* search result */
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 16px;
    }

    .main.searchResultContainer > .title {
        font-size: 26px;
        margin-bottom: 1.5%;
    }

    /* default content */
    .defaultContent .textContentContainer .title {
        font-size: 22px;
    }

    .defaultContent .textContentContainer {
        margin: -9% auto 5% auto;
    }

    /*İletişim*/
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 230px;
    }

    .main.contactContainer .topArea {
        height: 480px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 425px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            height: 405px;
        }

    .main.contactFormContainer .background .form .inputs .inputBox input {
        padding: 5.52% 0;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 16%;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2.52% 0 !important;
    }
}

/*width 1270*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .errorPage .container.e500 {
        transform: scale(0.7) translateY(32%);
    }


    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 200px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox input,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 4.52% 0;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 13vh;
    }

    .main.newsDetailContainer .swiperBig {
        height: 43.74vh;
    }
}

/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .defaultContent .textContentContainer > ul {
        margin-left: 7%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .downloadDocument {
        width: 70%;
        height: 190px;
        padding: 3.361% 10px 10px 24.652%;
    }

    .defaultContent .defaultContentBanner {
        height: 230px;
    }

    .errorPage .container.e500 {
        transform: scale(0.9) translateY(22%);
    }

    .main.searchResultContainer .resultWrapper {
        justify-content: space-between;
        gap: 0;
        row-gap: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
        padding: 21px 0;
    }

    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 8.586%;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .defaultContentSlider .sliderImage {
        width: 180px;
        height: 110px;
    }

    .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td {
        height: 55px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .oldNewsContainer .item {
        font-size: 14px;
    }

    .main.newsOptions .title:first-child {
        margin-left: 2.416%;
        width: 37%;
    }
    /*Haber Detay*/
    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        margin-top: 5px;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea {
        padding: 7px;
    }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 90px;
    }

    .main.newsDetailContainer .swiperBig {
        height: 27.94vh;
    }

    .main.newsDetailContainer .swiperSmall {
        height: 8vh;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .main.newsDetailContainer .newsDetail > .textArea .carousel {
        width: 52.2%;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .main.newsDetailContainer .newsDetail > .textArea .newsTitle,
    .main.newsDetailContainer .lastNews > .title {
        font-size: 20px;
    }

    .main.newsDetailContainer .newsDetail > .documents > .title,
    .main.newsDetailContainer .lastNews > .allSeeButton {
        font-size: 15px;
    }

    .main.newsDetailContainer .newsDetail > .textArea,
    .main.newsDetailContainer .newsDetail > .documents > .item {
        font-size: 14px;
    }

    .main.newsDetailContainer .lastNews > .item > .textArea > .title {
        min-height: 39px;
    }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 20px;
    }

    .main.contactFormContainer .background .form {
        width: 55%;
    }

    .errorTextForContactform {
        font-size: 14px;
    }


    .main.contactFormContainer .background .form {
        width: 60%;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    /* anasayfa */
    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox::before {
        top: 10%;
        box-shadow: 0px 60px 70px 20px rgba(0, 0, 0, 0.3);
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .bannerSlider {
        height: 320px;
    }

    .header .headerRight .menu .headerMenuList > li:nth-child(1)::before {
        width: 81px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox {
        width: 765px;
    }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox .list > ul {
            width: 285px;
        }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content {
            width: 350px;
        }

    .header .headerRight .menu .headerMenuList > li > a {
        font-size: 14px;
        padding: 0 5px;
    }

    .header .headerRight .menu .searchBox {
        width: 180px;
        margin-left: 10px;
        column-gap: 5px;
    }

    .brands > .text {
        font-size: 50px;
        margin-top: 15px;
        width: 25%;
    }

    .footer .footerRightArea {
        padding-left: 5%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 182px;
    }

        .newsContainer .bottomArea .newsList > .item > .textArea {
            padding: 10px;
        }

    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .newsContainer .bottomArea .lastNews .newsCart > .text,
    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        padding-right: 6%;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
        font-size: 14px;
    }

    .sectorArea .textArea {
        padding-right: 2%;
        width: 38%;
    }

    .lastFiguresContainer .topArea .text {
        width: 56%;
    }

    .sectorArea::after {
        width: 58%;
        top: 52%;
    }

    .header .headerRight .menu .headerMenuList {
        column-gap: 10px;
    }

        .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .parentheses {
            margin: 0 6.5%;
            height: 225px;
        }

    .brands .brandsContainer .brandsSlider .brandImage {
        width: 140px;
        height: 90px;
    }

    .brands {
        height: 170px;
    }

        .brands .brandsContainer {
            width: 75%;
        }

    .header .headerRight .topInfos .box .text a {
        font-size: 14px;
    }

    .header .headerRight .topInfos .box:nth-child(1)::before {
        width: 30px;
        left: -35px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box:nth-child(2)::before {
        width: 35px;
        left: -40px;
        top: 2px;
        background-size: contain;
    }

    .header .headerRight .topInfos .box {
        margin-left: 8%;
    }

    .corporateContainer .textContainer .text {
        margin-bottom: 5%;
    }

    .newsContainer .bottomArea {
        margin-bottom: 6%;
    }

        .newsContainer .bottomArea > .parentheses {
            height: 520px;
        }

        .newsContainer .bottomArea .lastNews > .imageBox {
            width: 430px;
            height: 420px;
        }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 100px;
        }

        .newsContainer .bottomArea .newsList > .item > .textArea > .title {
            min-height: 39px;
        }

        .newsContainer .bottomArea .lastNews {
            width: 57%;
        }

        .newsContainer .bottomArea > .parentheses {
            margin: 0 2.324% 0 1.77%;
        }



    .lastFiguresContainer {
        height: 235px;
        min-height: 230px;
    }

        .lastFiguresContainer .bottomArea {
            gap: 25px;
            bottom: -16%;
        }

            .lastFiguresContainer .bottomArea .item {
                width: 20%;
            }

                .lastFiguresContainer .bottomArea .item .text {
                    width: 120px;
                }

                .lastFiguresContainer .bottomArea .item .icon {
                    width: 70px;
                    height: 70px;
                }

    .sectorArea {
        min-height: 270px;
        margin: 18% 0;
    }

        .sectorArea .textArea .text::before {
            height: 116%;
        }


    .footer .footerRightArea .menu,
    .footer .footerRightArea .contactInfos {
        gap: 10px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 36px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 24px;
    }


    .sectorArea .textArea .continueButton {
        margin-top: 10%;
    }

    .sectorArea .textArea .title {
        font-size: 20px;
        margin: 4.456% 0 4.65% 0;
    }

    .corporateContainer .textContainer .title,
    .newsContainer .bottomArea .lastNews .newsCart > .title,
    .lastFiguresContainer .bottomArea .item .text {
        font-size: 16px;
    }

    .corporateContainer .textContainer .text,
    .corporateContainer .textContainer .continueButton a,
    .lastFiguresContainer .topArea .text,
    .sectorArea .textArea .text,
    .header .headerRight .menu .languageBox a {
        font-size: 14px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .text {
        font-size: 14px;
    }

    .corporateContainer .corporateTitle {
        margin-bottom: 3.7%;
    }

    .corporateContainer .background {
        height: 315px;
    }

    .footer .logo {
        width: 170px;
    }

    .header .headerRight .menu .headerMenuList > li > .hoverMenuBox > .content > .title {
        font-size: 34px;
    }

    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 420px;
        bottom: -7%;
    }

    .footer::before {
        left: -120px;
    }



    .footer .footerRightArea .contactInfos {
        flex-direction: column;
    }

    .sectorArea .textArea .continueButton a {
        font-size: 14px;
    }

    /* kurumsal */
    .contentLeft #navigation > li {
        font-size: 14px;
        padding: 20px 5px;
    }

        .contentLeft #navigation > li.hoverActive > a::before,
        .contentLeft #navigation > li.hoverActive > span::before,
        .contentLeft #navigation > li > a:hover::before,
        .contentLeft #navigation > li > span:hover::before {
            width: 15px;
        }

        .contentLeft #navigation > li.hoverActive > a,
        .contentLeft #navigation > li.hoverActive > span,
        .contentLeft #navigation > li > a:hover,
        .contentLeft #navigation > li > span:hover {
            padding-left: 20px;
        }


            .contentLeft #navigation > li.hoverActive > a::before,
            .contentLeft #navigation > li.hoverActive > span::before,
            .contentLeft #navigation > li > a:hover::before,
            .contentLeft #navigation > li > span:hover::before,
            .contentLeft #navigation > li > a::before,
            .contentLeft #navigation > li > span::before {
                top: 29px;
            }

    .contentRight .corporateBanner {
        height: 220px;
    }

    .contentRight .textContentContainer {
        border-radius: 50px;
        width: 95%;
    }

    .contentLeft {
        width: 23.939%;
    }

        .contentLeft.industry {
            padding: 2.659% 16px 2.324% 16px;
        }

    .contentRight {
        width: 74.828%;
    }

        .contentRight .textContentContainer .title {
            font-size: 22px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 12px;
            padding: 5px 20px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 20px;
        }


        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(1),
        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(2),
        .contentRight .membersContainer:not(.old) .wrapper .item:nth-child(3) {
            margin: 0 0px;
        }

        .contentRight .membersContainer > .title {
            font-size: 22px;
        }

            .contentRight .membersContainer > .title::before {
                height: 7px;
            }

        .contentRight .membersContainer {
            width: 95%;
        }

            .contentRight .membersContainer .wrapper {
                column-gap: 50px;
            }

                .contentRight .membersContainer .wrapper .item .imgbox .name,
                .contentRight .membersContainer .wrapper .item .title {
                    font-size: 14px;
                }

            .contentRight .membersContainer.old .wrapper {
                justify-content: center;
            }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 100px;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 85%;
        }

        .contentRight .logoSliderContainer .tableHeaders .item,
        .contentRight .logoSliderContainer .lines .logo {
            padding-left: 15px;
        }

        .contentRight .logoSliderContainer .tableHeaders .item {
            font-size: 14px;
        }

        .contentRight .logoSliderContainer .lines {
            height: 110px;
        }

        .contentRight .kvkkContainer .title {
            font-size: 20px;
            margin-bottom: 5%;
        }

        .contentRight .kvkkContainer {
            font-size: 14px;
        }

        /* endüstri */
        .contentRight .industryContainer .image {
            height: 270px;
        }

        .contentRight .industryContainer .title {
            font-size: 20px;
        }


        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 0;
            font-size: 12px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child {
            font-size: 22px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            font-size: 16px;
            height: 55px;
            min-width: 130px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersList {
            margin-top: -27px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs {
            padding: 4.847% 2.705% 7.687% 2.705%;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
                padding-left: 5px;
            }

        .contentRight .industryBanner {
            height: 220px;
        }

    .defaultContent .downloadDocument {
        height: 150px;
        width: 55%;
        padding: 2% 10px 10px 20%;
    }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 250px;
    }

    .downloadDocument .documentName {
        font-size: 18px;
    }

    .downloadDocument .documentDesc {
        font-size: 14px;
    }

    .downloadDocument .downloadButton {
        padding: 3px 18px;
        font-size: 16px;
    }

    .contentRight .usefulLinks {
        gap: 1px;
    }

    .contentRight .industryContainer .tab-content.forIndustry table tr td img {
        max-width: 350px;
    }

    .contentRight .industryContainer .title {
        font-size: 22px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
    }

    .contentRight .industryContainer .tab-content.forIndustry {
        font-size: 14px;
    }

    .contentRight .industryContainer > .industryContentList > li {
        height: 40px;
    }


    /* haberler */
    .newsListContainer {
        gap: 25px;
    }

        .newsListContainer .item {
            width: 220px;
        }

            .newsListContainer .item > .textArea > .bottomLine {
                flex-direction: column;
            }

    /* search result */
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 16px;
    }

    .main.searchResultContainer .resultWrapper .item {
        width: 49%;
    }

    .main.searchResultContainer > .title {
        font-size: 26px;
        margin-bottom: 2%;
    }

    /* default content */
    .defaultContent .textContentContainer .title {
        font-size: 20px;
    }

    .defaultContent .textContentContainer {
        margin: -11% auto 5% auto;
        width: 95%;
    }

    /*İletişim*/
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 230px;
    }

    .main.contactContainer .topArea {
        height: 430px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 385px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            height: 405px;
        }

    .main.contactFormContainer .background .form .inputs .inputBox input {
        padding: 5.52% 0;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title,
    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription,
    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactFormContainer .background .form .inputs .inputBox input,
    .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder,
    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos {
        padding: 4.605% 8.855% 2.605% 9.897%;
    }

    .main.contactFormContainer .background .form .buttons .text {
        font-size: 16px;
    }

    .main.contactFormContainer .background .form {
        width: 70%;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
            padding: 2.52% 0 !important;
        }
}


/* 999px => mobil */
@media only screen and (max-width: 999px) {

    .noResultForNews {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form {
        padding: 20px 10px !important;
    }

    .main.searchResultContainer .newsSearchResultsTitle {
        margin-top: 40px;
    }

    .swiperButtonContainer {
        display: block;
    }

    .header .headerRight .topInfos,
    .header .headerRight .menu .headerMenuList,
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .bannerSlider::before,
    .header::before,
    .newsContainer .bottomArea > .parentheses,
    .footer .footerRightArea .menu,
    .sectorArea::after,
    .contentLeft {
        display: none;
    }

    .oldNewsContainer .item {
        padding-right: 20px;
    }
    /*404*/
    .errorPage .container .errorCode {
        font-size: 110px;
        text-align: end;
    }

    .errorPage .container .errorText {
        font-size: 14px;
        text-align: end;
        width: 100%;
    }

    .errorPage .container .error {
        font-size: 26px;
    }

    .errorPage .container .button {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }



    /*500*/
    .errorPage .container.e500 .errorCode {
        font-size: 110px;
        text-align: center;
    }

    .errorPage .container.e500 .errorText {
        font-size: 14px;
        text-align: center;
        width: 100%;
    }

    .errorPage .container.e500 .error {
        font-size: 26px;
        padding-right: 28px;
    }

    .errorPage .container.e500 .button {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .errorPage .container.e500::before {
        width: 450px;
        height: 110px;
        left: -42%;
        top: 17%;
        background-size: contain;
        z-index: -1;
    }

    .errorPage {
        overflow: hidden;
    }


    .contentRight {
        width: 100%;
    }

        .contentRight .textContentContainer {
            width: 90%;
            border-radius: 35px;
            line-height: 24px;
        }

        .contentRight .membersContainer {
            width: 90%;
            border-radius: 35px;
        }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine > .continueButton {
        font-size: 14px;
    }

    .newsContainer .topArea {
        margin-bottom: 20px;
    }

        .newsContainer .topArea .reviewAllButton {
            right: 10px;
            bottom: -25px;
            font-size: 14px;
            gap: 3px;
        }

        .newsContainer .topArea > .title {
            font-size: 26px;
        }



    .sectorArea {
        min-height: 295px;
    }

        .sectorArea .textArea .text {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 5.65%;
        }


        .sectorArea .textArea .title {
            font-size: 20px;
            margin: 6.456% 0 4.65% 0;
        }

        .sectorArea .textArea {
            width: 100%;
            padding-right: 0;
        }

    .main.lastFiguresContainer {
        width: 100% !important;
    }

    .lastFiguresContainer {
        height: auto;
        min-height: unset;
    }

        .lastFiguresContainer .topArea {
            margin-bottom: 5%;
        }

        .lastFiguresContainer .bottomArea {
            position: static;
            width: 100%;
            justify-content: space-between;
            gap: 0;
            flex-wrap: wrap;
            row-gap: 10px;
            margin-bottom: 5%;
            padding: 0 10px;
        }

            .lastFiguresContainer .bottomArea .item {
                width: 48%;
            }

                .lastFiguresContainer .bottomArea .item .text {
                    font-size: 16px;
                }

                .lastFiguresContainer .bottomArea .item .icon {
                    width: 60px;
                    height: 60px;
                }

                    .lastFiguresContainer .bottomArea .item .icon svg {
                        width: 30px;
                    }

        .lastFiguresContainer .topArea .text {
            width: 95%;
            font-size: 16px;
            -webkit-line-clamp: 2;
        }

        .lastFiguresContainer .topArea .subTitle {
            font-size: 20px;
            margin-top: 5%;
        }

        .lastFiguresContainer .topArea .title {
            font-size: 24px;
            margin-top: 2%;
        }

        .lastFiguresContainer .topArea .continueButton {
            margin-top: 2%;
        }

    .footer {
        height: 96px;
    }

        .footer::before {
            width: 155px;
            height: 230px;
            left: -70px;
        }

        .footer .footerRightArea {
            width: auto;
        }

            .footer .footerRightArea .contactInfos {
                align-items: end;
                justify-content: start;
                gap: 3px;
                width: 100%;
                flex-direction: column;
            }

        .footer .logo {
            width: 90px;
            height: 90px;
        }

    .main {
        width: 96% !important;
    }

        .main.signature {
            width: 96% !important;
            flex-direction: column;
            padding: 7px 0;
            height: auto;
            text-align: center;
        }

    .mmenu {
        display: block;
        position: absolute;
        right: 8px;
        top: 8px;
        color: #fff;
        background-color: var(--themecolor);
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .header .headerLogo {
        width: 112px;
        height: 70px;
        margin-top: 0;
    }

        .header .headerLogo img {
            object-fit: contain;
        }



    .header {
        height: 85px;
        position: relative;
        padding: 6px 8px 9px 8px;
        justify-content: space-between;
    }

        .header .headerRight {
            justify-content: end;
            width: 69%;
        }

            .header .headerRight .menu {
                height: auto;
                background-color: #fff;
                padding-right: 0;
                gap: 15px;
            }

                .header .headerRight .menu .languageBox a {
                    color: #1a1717;
                    font-family: var(--regular);
                    font-size: 14px;
                    column-gap: 0px;
                    flex-direction: row-reverse;
                }

                .header .headerRight .menu .languageBox {
                    margin-left: 0;
                }

                    .header .headerRight .menu .languageBox img {
                        width: 14px;
                        height: 14px;
                        object-fit: contain;
                    }

                .header .headerRight .menu .searchBox {
                    margin: 0;
                }

                    .header .headerRight .menu .searchBox i {
                        font-size: 12px;
                    }

                    .header .headerRight .menu .searchBox input::placeholder {
                        color: #c3c3c3;
                        font-family: var(--regular);
                    }

                .header .headerRight .menu .searchBox {
                    column-gap: 9px;
                }

    .brands {
        height: auto;
        padding: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 8%;
    }

        .brands > .text {
            font-size: 25px;
            font-family: var(--semibold);
            margin-top: 10px;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }

        .brands .brandsContainer {
            width: 99%;
        }

            .brands .brandsContainer .brandsSlider .brandImage {
                width: 94%;
                height: 110px;
                margin: auto;
            }

    .corporateContainer .textContainer {
        width: 89%;
        border-radius: 45px;
        padding: 45px 25px 0 25px;
        background: #fff;
    }

    .corporateContainer .corporateTitle::before {
        width: 59px;
        height: 9px;
        bottom: -25px;
    }

    .corporateContainer .textContainer .title {
        font-size: 16px;
    }

    .corporateContainer .textContainer .text {
        font-size: 14px;
        line-height: 1.6;
    }

    .corporateContainer .textContainer .continueButton {
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
    }

        .corporateContainer .textContainer .continueButton a {
            font-size: 16px;
        }

    .corporateContainer {
        margin-bottom: 15%;
    }

    .newsContainer .bottomArea {
        flex-direction: column;
    }

        .newsContainer .bottomArea .lastNews {
            width: 100%;
        }

        .newsContainer .bottomArea .newsList {
            width: 100%;
            row-gap: 35px;
            margin-top: 50px;
            margin-bottom: 40px;
        }

            .newsContainer .bottomArea .newsList > .item {
                width: 48%;
            }

                .newsContainer .bottomArea .newsList > .item > .newsImage {
                    height: 75px;
                }

                .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
                    margin-top: 6px;
                    flex-direction: column;
                    gap: 5px;
                    font-size: 11px;
                }

                .newsContainer .bottomArea .newsList > .item > .textArea {
                    padding: 7px;
                }

        .newsContainer .bottomArea .lastNews > .imageBox {
            width: 37.523%;
            height: 157px;
        }

            .newsContainer .bottomArea .lastNews > .imageBox::before {
                width: 100%;
                height: 140px;
                left: -11%;
                bottom: -10.345%;
            }

        .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
            width: 100%;
            padding: 4px 10px;
        }

        .newsContainer .bottomArea .lastNews .newsCart {
            width: 73.378%;
            padding-top: 3%;
            margin-left: -10.926%;
        }

            .newsContainer .bottomArea .lastNews .newsCart > .title {
                margin-top: 2%;
                font-size: 14px;
                height: 28px;
            }

            .newsContainer .bottomArea .lastNews .newsCart > .title,
            .newsContainer .bottomArea .lastNews .newsCart > .text,
            .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
                padding-left: 16.775%;
                padding-right: 5.32%;
            }

            .newsContainer .bottomArea .lastNews .newsCart > .text {
                margin-top: 3px;
                -webkit-line-clamp: 4;
            }

            .newsContainer .bottomArea .lastNews .newsCart > .text {
                font-size: 14px;
            }

            .newsContainer .bottomArea .lastNews .newsCart > .continueButton {
                font-size: 14px;
                width: 100%;
                display: flex;
                justify-content: end;
                margin-top: 5%;
            }

    .breadcrumbs {
        column-gap: 10px;
        flex-wrap: wrap;
    }

        .breadcrumbs .pages ul {
            flex-wrap: wrap;
        }
}

/* Horizontal(yatay) */
@media only screen and (min-width: 480px) and (max-width: 844px) {
    .defaultContent .textContentContainer > ul {
        margin-left: 40px;
        text-align: start;
    }

    /*Default Menu*/
    .defaultContent .textContentContainer > .title {
        font-size: 18px;
    }

    .documents.documentList > .title {
        font-size: 14px;
    }

    .documents.documentList > .item {
        font-size: 14px;
        padding: 0 5px;
        display: flex;
        align-items: center;
    }

        .documents.documentList > .item > i:nth-child(1) {
            font-size: 20px;
            min-width: 22px;
        }

        .documents.documentList > .item > i:nth-child(2) {
            font-size: 12px;
        }

    .defaultContent .textContentContainer {
        padding: 3%;
        margin-bottom: 8%;
    }

        /*Default Menu*/
        .defaultContent .textContentContainer > .title {
            font-size: 18px;
        }

    .documents.documentList > .title {
        font-size: 14px;
    }

    .documents.documentList > .item {
        font-size: 14px;
        padding: 0 5px;
    }

        .documents.documentList > .item > i:nth-child(1) {
            font-size: 20px;
            min-width: 22px;
        }

        .documents.documentList > .item > i:nth-child(2) {
            font-size: 12px;
        }

    /*Search Results*/
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 14px;
    }

    .main.searchResultContainer .resultWrapper .item {
        width: 100%;
        padding: 3%;
    }

        .main.searchResultContainer .resultWrapper .item .imgBox {
            min-width: 70px;
            max-width: 70px;
            height: 70px;
            margin: auto;
            margin-left: 15px;
        }


    .main.searchResultContainer .resultWrapper {
        gap: 10px;
    }


    /*NewsList Old*/
    .main.newsOptions {
        justify-content: end !important;
    }

        .main.newsOptions .title {
            display: none;
        }

    .oldNewsContainer .item {
        font-size: 14px;
        flex-direction: column;
        position: relative;
    }

        .oldNewsContainer .item > .title {
            width: 100%;
        }

        .oldNewsContainer .item > i {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
}

/* Vertical(dikey) */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    .defaultContent .textContentContainer > ul {
        margin-left: 30px;
        text-align: start;
    }

    /*Default Menu*/
    .defaultContent .textContentContainer > .title {
        font-size: 18px;
    }

    .documents.documentList > .title {
        font-size: 14px;
    }

    .documents.documentList > .item {
        font-size: 14px;
        padding: 0 5px;
    }

        .documents.documentList > .item > i:nth-child(1) {
            font-size: 20px;
            min-width: 22px;
        }

        .documents.documentList > .item > i:nth-child(2) {
            font-size: 12px;
        }

    /*Search Results*/
    .main.searchResultContainer .resultWrapper .item .textBox > .title {
        font-size: 14px;
    }

    .main.searchResultContainer .resultWrapper .item {
        width: 100%;
        padding: 3%;
    }

        .main.searchResultContainer .resultWrapper .item .imgBox {
            min-width: 70px;
            max-width: 70px;
            height: 70px;
            margin: auto;
            margin-left: 15px;
        }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
    }



    /*NewsList Old*/
    .main.newsOptions {
        justify-content: end !important;
    }

        .main.newsOptions .title {
            display: none;
        }

    .oldNewsContainer .item {
        font-size: 14px;
        flex-direction: column;
        position: relative;
    }

        .oldNewsContainer .item > .title {
            width: 100%;
        }

        .oldNewsContainer .item > i {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
}




/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .header .headerRight .menu .searchBox {
        width: 150px;
        border-radius: 50px;
        height: 27px;
        padding-left: 5px;
    }

    .bannerSlider {
        height: 124px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 117%;
    }

    .header .headerLogo {
        width: 100px;
    }

    .brands .brandsContainer .brandsSlider .brandImage {
        height: 90px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 24px;
    }

    .newsContainer .bottomArea .lastNews > .imageBox {
        height: 137px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .text {
        margin-top: 0px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        margin-top: 1px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 22px;
    }

    .lastFiguresContainer .topArea .text {
        font-size: 14px;
    }

    .sectorArea .textArea .text {
        font-size: 14px;
    }

        .sectorArea .textArea .text::before {
            height: 129%;
        }

    .sectorArea .textArea .continueButton {
        margin-top: 17%;
    }

        .sectorArea .textArea .continueButton a {
            font-size: 14px;
        }

    .footer .footerRightArea .contactInfos {
        text-align: end;
    }

    .footer .footerRightArea a {
        font-size: 13px;
    }

    /*Kurumsal*/

    .contentRight .corporateBanner,
    .defaultContent .defaultContentBanner {
        height: 75px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 100%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    .main {
        width: 96.3% !important;
    }

    /*Endüstrimiz*/
    .defaultContent .defaultContentBanner {
        height: 75px;
    }

    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 215px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 100px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 100px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 140px;
        padding: 5% 10px 10px 10%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 16px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 100px;
        width: 100%;
        padding: 5% 10px 10px 26%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 240px;
    }

    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 150px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 100%;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 200px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 95%;
            height: 326px;
            border-radius: 30px;
            padding: 13px;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            flex-direction: column;
            gap: 20px;
        }

            .main.contactFormContainer .background .form .buttons .g-recaptcha {
                transform: scale(0.96);
            }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }



        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 14px 0;
        }

    .main.contactFormContainer {
        height: auto;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }

    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 30px
    }

        .newsListContainer .item {
            width: 100%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 166px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 66px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 5px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine .date {
        min-height: 30px;
    }

    .errorPage .container.e500::before {
        width: 530px;
        height: 140px;
        left: -55%;
        top: 5%;
    }

    .defaultContentSlider .sliderImage {
        width: 240px;
        height: 140px;
    }

    .header .headerRight .menu .searchBox {
        width: 190px;
        border-radius: 50px;
        height: 27px;
        padding-left: 5px;
    }

    .bannerSlider {
        height: 124px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 117%;
    }

    .header .headerLogo {
        width: 100px;
    }

    .brands .brandsContainer .brandsSlider .brandImage {
        height: 90px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 24px;
    }

    .newsContainer .bottomArea .lastNews > .imageBox {
        height: 147px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .text {
        margin-top: 0px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        margin-top: 1px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 22px;
    }

    .lastFiguresContainer .topArea .text {
        font-size: 14px;
    }

    .sectorArea .textArea .text {
        font-size: 14px;
    }

        .sectorArea .textArea .text::before {
            height: 118%;
        }

    .sectorArea .textArea .continueButton {
        margin-top: 17%;
    }

        .sectorArea .textArea .continueButton a {
            font-size: 14px;
        }

    .footer .footerRightArea .contactInfos {
        text-align: end;
    }

    .footer .footerRightArea a {
        font-size: 14px;
    }
    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 85px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 100%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }


    /*Endüstrimiz*/

    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 235px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 100px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 110px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 140px;
        padding: 5% 10px 10px 20%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 16px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 100px;
        width: 100%;
        padding: 5% 10px 10px 31%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 260px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 150px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 100%;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 200px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 95%;
            height: 326px;
            border-radius: 30px;
            padding: 13px;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            flex-direction: column;
            gap: 20px;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }



        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 17px 0;
        }

    .main.contactFormContainer {
        height: auto;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 30px
    }

        .newsListContainer .item {
            width: 100%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 187px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 75px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 5px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine .date {
        min-height: 30px;
    }
    .errorPage .container.e500::before {
        width: 530px;
        height: 140px;
        left: -55%;
        top: 5%;
    }

    .header .headerRight .menu .searchBox {
        width: 190px;
        border-radius: 50px;
        height: 27px;
        padding-left: 5px;
    }

    .bannerSlider {
        height: 124px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 117%;
    }

    .header .headerLogo {
        width: 100px;
    }

    .brands .brandsContainer .brandsSlider .brandImage {
        height: 90px;
    }

    .corporateContainer .corporateTitle,
    .newsContainer .topArea > .title {
        font-size: 24px;
    }

    .newsContainer .bottomArea .lastNews > .imageBox {
        height: 147px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .text {
        margin-top: 0px;
    }

    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine {
        margin-top: 1px;
    }

    .lastFiguresContainer .topArea .title {
        font-size: 22px;
    }

    .lastFiguresContainer .topArea .text {
        font-size: 14px;
    }

    .sectorArea .textArea .text {
        font-size: 14px;
    }

        .sectorArea .textArea .text::before {
            height: 118%;
        }

    .sectorArea .textArea .continueButton {
        margin-top: 10%;
    }

        .sectorArea .textArea .continueButton a {
            font-size: 14px;
        }

    .footer .footerRightArea .contactInfos {
        text-align: end;
    }

    .footer .footerRightArea a {
        font-size: 14px;
    }
    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 90px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 100%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }


    /*Endüstrimiz*/

    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 245px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 120px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 120px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 140px;
        padding: 5% 10px 10px 25%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 16px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 110px;
        width: 100%;
        padding: 5% 10px 10px 31%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 270px;
    }

    .defaultContentSlider .sliderImage {
        width: 250px;
        height: 150px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 150px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 100%;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 200px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 95%;
            height: 326px;
            border-radius: 30px;
            padding: 13px;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            flex-direction: column;
            gap: 20px;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 16px 0;
        }

    .main.contactFormContainer {
        height: auto;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }



        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 30px
    }

        .newsListContainer .item {
            width: 100%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 195px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 79px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 5px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine .date {
        min-height: 30px;
    }
    .errorPage .container.e500::before {
        width: 530px;
        height: 140px;
        left: -55%;
        top: 5%;
    }

    .header .headerRight .menu .searchBox {
        width: 200px;
        border-radius: 50px;
        height: 27px;
    }

    .bannerSlider {
        height: 134px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 117%;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 90px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 100%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/


    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 260px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 120px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 120px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 140px;
        padding: 5% 10px 10px 25%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 16px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 110px;
        width: 100%;
        padding: 5% 10px 10px 31%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 290px;
    }

    .defaultContentSlider .sliderImage {
        width: 260px;
        height: 150px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 150px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 100%;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 200px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 95%;
            height: 326px;
            border-radius: 30px;
            padding: 13px;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            flex-direction: column;
            gap: 20px;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 16px 0;
        }

    .main.contactFormContainer {
        height: auto;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }



        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }

    .emailWrongFormat {
        top: -19px;
    }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 6px;
    }

        .newsListContainer .item {
            width: 49%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 100px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 202px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 82px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 5px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .errorPage .container.e500::before {
        width: 530px;
        height: 150px;
        left: -56%;
        top: 3%;
    }

    .header .headerRight .menu .searchBox {
        width: 230px;
        border-radius: 50px;
        height: 27px;
    }

    .bannerSlider {
        height: 154px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 117%;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 100px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 100%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/

    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 280px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 120px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 130px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 150px;
        padding: 5% 10px 10px 25%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 110px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 310px;
    }

    .defaultContentSlider .sliderImage {
        width: 280px;
        height: 160px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 150px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 100%;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 200px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 95%;
            height: 326px;
            border-radius: 30px;
            padding: 13px;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            flex-direction: column;
            gap: 20px;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 16px 0;
        }

    .main.contactFormContainer {
        height: auto;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }



        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }

    .emailWrongFormat {
        top: -19px;
    }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 6px;
    }

        .newsListContainer .item {
            width: 49%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 100px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 215px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 88px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 5px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}




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


    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main {
        width: 96.7% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 300px;
        border-radius: 50px;
        height: 27px;
    }

    .bannerSlider {
        height: 154px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 110px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 70%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 90px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/


    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 250px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 130px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 150px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 130px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 110px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 250px;
    }

    .defaultContentSlider .sliderImage {
        width: 310px;
        height: 180px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }
    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 350px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 80%;
            height: 326px;
            border-radius: 30px;
            padding: 15px;
            top: 50%;
            left: 57%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 100px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 21px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.6723% 55px 1.6723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }



        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }

    .emailWrongFormat {
        top: -19px;
    }

    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 8px;
    }

        .newsListContainer .item {
            width: 49%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 100px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 251px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 104px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }

    .corporateContainer {
        margin-bottom: 10%;
    }

    .sectorArea {
        margin: 10% 0;
    }
}

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

    .sectorArea {
        margin: 10% 0;
    }

    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main {
        width: 97.1% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 300px;
        border-radius: 50px;
        height: 27px;
        margin-right: 40px;
    }

    .bannerSlider {
        height: 194px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 187px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 265px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 130px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 65%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 150px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 130px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 180px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 150px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 140px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 250px;
    }

    .defaultContentSlider .sliderImage {
        width: 210px;
        height: 140px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 350px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 75%;
            height: 320px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 62%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 150px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 23px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 100%;
        }

    .emailWrongFormat {
        top: -19px;
    }

    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 10px;
    }

        .newsListContainer .item {
            width: 49%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 250px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 75px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .main.searchResultContainer .resultWrapper {
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .corporateContainer {
        margin-bottom: 10%;
    }

    .sectorArea {
        margin: 11% 0;
    }

    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 110px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }

    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main {
        width: 97.6% !important;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -35px;
    }

    .header .headerRight .menu .searchBox {
        width: 340px;
        border-radius: 50px;
        height: 27px;
        margin-right: 60px;
        height: 30px;
    }

    .bannerSlider {
        height: 210px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 220px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    .newsContainer .bottomArea .newsList {
        margin-top: 70px;
        margin-bottom: 50px;
    }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 110px;
        }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 145px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 46%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 90px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }
    /*Endüstrimiz*/


    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 280px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 150px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 200px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 170px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 140px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 250px;
    }

    .defaultContentSlider .sliderImage {
        width: 210px;
        height: 140px;
    }
    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 270px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 150px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 200px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 170px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% center;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 100%;
    }

    .defaultContent .downloadDocument {
        height: 160px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 270px;
    }

    .defaultContentSlider .sliderImage {
        width: 240px;
        height: 150px;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }
    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 350px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 75%;
            height: 320px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 62%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 150px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
            .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
                font-size: 12px;
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 3% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
        flex-direction: column;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 21px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
            width: 49%;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }

    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 10px;
    }

        .newsListContainer .item {
            width: 49%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 130px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 250px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 75px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {


    .sectorArea {
        margin: 8% 0;
    }

    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 110px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }


    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .main.signature {
        flex-direction: unset;
    }

    .main {
        width: 97.6% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 340px;
        border-radius: 50px;
        margin-right: 70px;
        height: 30px;
    }

    .bannerSlider {
        height: 210px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 220px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    .newsContainer .bottomArea .newsList {
        margin-top: 70px;
        margin-bottom: 50px;
    }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 110px;
        }

    .swiperButtonContainer {
        bottom: 35px;
        left: 15px;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -30px;
    }

    .corporateContainer {
        margin-bottom: 9%;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 155px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 46%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 10px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        float: unset;
        width: 100%;
        height: 290px;
        margin: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 150px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 210px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 170px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% 40%;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 49.7%;
    }

    .defaultContent .downloadDocument {
        height: 160px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 300px;
    }

    .defaultContentSlider .sliderImage {
        width: 250px;
        height: 150px;
    }

    .contentRight .usefulLinks {
        gap: 0px;
        row-gap: 3px;
        justify-content: space-between;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 350px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 75%;
            height: 320px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 62%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 150px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 15px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }

    /*Newslist Old*/
    .oldNewsContainer .item {
        justify-content: start;
        flex-direction: unset;
        gap: 50px;
    }

        .oldNewsContainer .item > .title {
            width: 55%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 13px;
    }

        .newsListContainer .item {
            width: 32%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 100px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 260px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 85px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
            padding: 1.5% 3%;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine .date {
        min-height: 30px;
    }


    .sectorArea {
        margin: 8% 0;
    }
    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 110px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }

    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .main.signature {
        flex-direction: unset;
    }

    .main {
        width: 97.6% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 340px;
        border-radius: 50px;
        margin-right: 100px;
        height: 30px;
    }

    .bannerSlider {
        height: 240px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 240px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    .newsContainer .bottomArea .newsList {
        margin-top: 80px;
        margin-bottom: 40px;
    }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 90px;
        }

    .swiperButtonContainer {
        bottom: 35px;
        left: 15px;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -30px;
    }

    .corporateContainer {
        margin-bottom: 9%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 24%;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 24%;
    }

    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 165px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 46%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 15px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        height: 260px;
    }

    .contentRight .industryContainer .title {
        margin-top: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 170px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 230px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 200px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% 40%;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 49.7%;
    }

    .defaultContent .downloadDocument {
        height: 170px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 300px;
    }

    .defaultContentSlider .sliderImage {
        width: 280px;
        height: 160px;
    }

    .contentRight .usefulLinks {
        gap: 0;
        row-gap: 4px;
        justify-content: space-between;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 370px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 75%;
            height: 350px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 62%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 150px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 15px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }
    /*Newslist Old*/
    .oldNewsContainer .item {
        justify-content: start;
        flex-direction: unset;
        gap: 50px;
    }

        .oldNewsContainer .item > .title {
            width: 58%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 14px;
    }

        .newsListContainer .item {
            width: 32%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 110px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 100%;
            float: unset;
            margin-left: 0;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 270px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 95px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
            padding: 1.5% 3%;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
    .sectorArea {
        margin: 8% 0;
    }

    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 120px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }

    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .main.signature {
        flex-direction: unset;
    }

    .main {
        width: 98% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 350px;
        border-radius: 50px;
        margin-right: 150px;
        height: 30px;
    }

    .bannerSlider {
        height: 240px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 260px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    .newsContainer .bottomArea .newsList {
        margin-top: 80px;
        margin-bottom: 40px;
    }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 90px;
        }

    .swiperButtonContainer {
        bottom: 35px;
        left: 15px;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -30px;
    }

    .corporateContainer {
        margin-bottom: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 24%;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 24%;
    }
    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 185px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 47%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 15px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }
    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        height: 290px;
    }

    .contentRight .industryContainer .title {
        margin-top: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 170px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 260px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 200px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% 40%;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 49.7%;
    }

    .defaultContent .downloadDocument {
        height: 180px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 310px;
    }

    .defaultContentSlider .sliderImage {
        width: 310px;
        height: 180px;
    }

    .contentRight .usefulLinks {
        gap: 0;
        row-gap: 4px;
        justify-content: space-between;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 80%;
            height: 370px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 75%;
            height: 350px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 62%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 180px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 19px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }
    /*Newslist Old*/
    .oldNewsContainer .item {
        justify-content: start;
        flex-direction: unset;
        gap: 50px;
    }

        .oldNewsContainer .item > .title {
            width: 60%;
        }

    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 15px;
    }

        .newsListContainer .item {
            width: 32%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 50%;
            margin-left: 2%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 216px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 88px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
            padding: 1.5% 3%;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/*ıPhone 12 Yatay*/
@media only screen and (min-width:844px) and (max-width:999px) {
    .newsContainer .bottomArea .newsList {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 130px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }

    .errorPage .container.e500::before {
        width: 338px;
        height: 240px;
        left: -16%;
        top: -13%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .main.signature {
        flex-direction: unset;
    }

    .main {
        width: 98% !important;
    }

    .header .headerRight .menu .searchBox {
        width: 360px;
        border-radius: 50px;
        margin-right: 150px;
        height: 30px;
    }

    .bannerSlider {
        height: 240px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 260px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    /* .newsContainer .bottomArea .newsList {
        margin-top: 100px;
        margin-bottom: 60px;
    }*/

    .newsContainer .bottomArea .newsList > .item > .newsImage {
        height: 90px;
    }

    .swiperButtonContainer {
        bottom: 35px;
        left: 15px;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -30px;
    }

    .corporateContainer {
        margin-bottom: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 24%;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 24%;
    }
    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 190px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 47%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 15px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 90px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        height: 290px;
    }

    .contentRight .industryContainer .title {
        margin-top: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 180px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 270px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 210px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% 40%;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 49.7%;
    }

    .defaultContent .downloadDocument {
        height: 190px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 5%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 310px;
    }

    .defaultContentSlider .sliderImage {
        width: 330px;
        height: 190px;
    }

    .contentRight .usefulLinks {
        gap: 0;
        row-gap: 4px;
        justify-content: space-between;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }

    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 60%;
            height: 370px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 65%;
            height: 320px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 67%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 180px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 19px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .line {
        margin-bottom: 2%;
    }
    /*Newslist Old*/
    .oldNewsContainer .item {
        justify-content: start;
        flex-direction: unset;
        gap: 50px;
    }

        .oldNewsContainer .item > .title {
            width: 60%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 16px;
    }

        .newsListContainer .item {
            width: 32%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 50%;
            margin-left: 2%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 224px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 92px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
            padding: 1.5% 3%;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .newsContainer .bottomArea .newsList > .item > .textArea > .bottomLine .date {
        min-height: 30px;
    }
    .main.searchResultContainer .title {
        margin-top: 2%;
    }

    .main.searchResultContainer .newsSearchResultsTitle {
        margin-top: 40px;
    }
    /*Last News*/
    .main.newsDetailContainer .lastNews > .title {
        margin-bottom: 4%;
    }

    .main.newsDetailContainer .lastNews .lastNewsItemWrapper {
        flex-direction: row;
    }

        .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item {
            width: 32%;
            margin-bottom: 4%;
        }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea > .bottomLine {
                flex-direction: column;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .newsImage {
                height: 140px;
            }

            .main.newsDetailContainer .lastNews .lastNewsItemWrapper .item > .textArea {
                padding: 7px;
            }

    .errorPage .container.e500::before {
        width: 410px;
        height: 190px;
        left: -66%;
        top: -40%;
    }

    .main.searchResultContainer .resultWrapper {
        gap: 10px;
        justify-content: space-between;
    }

        .main.searchResultContainer .resultWrapper .item {
            width: 49%;
        }

    .main {
        width: 98% !important;
    }

        .main.signature {
            flex-direction: unset;
        }

    .header .headerRight .menu .searchBox {
        width: 410px;
        border-radius: 50px;
        margin-right: 90px;
        height: 30px;
    }

    .bannerSlider {
        height: 270px;
    }

    .corporateContainer .corporateTitle {
        font-size: 26px;
        margin: 20px 0 50px 0;
    }

    .corporateContainer .background {
        height: 250px;
    }

    .sectorArea .textArea .text::before {
        height: 77%;
    }

    .newsContainer .bottomArea .lastNews > .imageBox,
    .newsContainer .bottomArea .lastNews > .imageBox::before {
        height: 260px;
    }

    .newsContainer .bottomArea .lastNews .newsCart > .newsHeader {
        padding: 8px 10px;
    }

    .sectorArea {
        min-height: 285px;
        margin: 10% 0;
    }

        .sectorArea .textArea .continueButton {
            margin-top: 3%;
        }

    .footer::before {
        left: -60px;
    }

    .newsContainer .bottomArea .newsList {
        margin-top: 80px;
        margin-bottom: 40px;
    }

        .newsContainer .bottomArea .newsList > .item > .newsImage {
            height: 90px;
        }

    .swiperButtonContainer {
        bottom: 35px;
        left: 15px;
    }

    .newsContainer .topArea .reviewAllButton {
        bottom: -30px;
    }

    .corporateContainer {
        margin-bottom: 8%;
    }

    .newsContainer .bottomArea .newsList > .item {
        width: 24%;
    }

    .lastFiguresContainer .bottomArea .item {
        width: 24%;
    }
    /*Kurumsal*/
    .contentRight .corporateBanner, .defaultContent .defaultContentBanner {
        height: 175px;
    }

    .contentRight .textContentContainer {
        padding: 20px;
    }

        .contentRight .textContentContainer .title {
            font-size: 16px;
        }

        .contentRight .textContentContainer .document .name {
            font-size: 14px;
        }

        .contentRight .textContentContainer .document a {
            font-size: 14px;
            gap: 15px;
            padding: 5px 15px;
        }

        .contentRight .textContentContainer .document i {
            font-size: 18px;
        }

    .contentRight .membersContainer {
        padding: 20px;
    }

        .contentRight .membersContainer > .title {
            font-size: 18px;
            margin-bottom: 33px;
        }

        .contentRight .membersContainer.old .wrapper {
            justify-content: center;
        }

        .contentRight .membersContainer .wrapper .item {
            width: 47%;
            padding: 20px 10px;
        }

            .contentRight .membersContainer .wrapper .item .imgbox .name,
            .contentRight .membersContainer .wrapper .item .title {
                font-size: 14px;
            }

        .contentRight .membersContainer .wrapper {
            row-gap: 30px;
            column-gap: 30px;
        }

    .contentRight .kvkkContainer {
        width: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 4%;
    }

        .contentRight .kvkkContainer .title {
            font-size: 18px;
        }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(2) {
        display: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item:nth-child(1) {
        width: 100%;
        border-right: none;
    }

    .contentRight .logoSliderContainer .tableHeaders .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .contentRight .logoSliderContainer .lines {
        width: 100%;
        flex-direction: column;
        height: 200px;
        padding: 15px 0;
    }

        .contentRight .logoSliderContainer .lines .logo {
            width: 100%;
            border-right: none;
            padding-left: 0;
            justify-content: center;
            height: 50px;
        }

        .contentRight .logoSliderContainer .lines .slider {
            width: 100%;
        }

        .contentRight .logoSliderContainer .lines .logo img {
            max-width: 100%;
            max-height: 100%;
        }

        .contentRight .logoSliderContainer .lines .slider .membersBrandsSlider .brandImage {
            width: 130px;
            height: 80px;
        }

    .contentRight .logoSliderContainer .tableHeaders {
        border-bottom: 4px solid #f6f6f6;
    }

    /*Endüstrimiz*/
    .contentRight .industryContainer .image {
        height: 270px;
    }

    .contentRight .industryContainer .title {
        margin-top: 0;
    }

    .contentRight .industryContainer .title {
        font-size: 18px;
        margin-top: 2.588%;
    }

    .contentRight .industryBanner {
        height: 180px;
        background-position: center right;
    }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        margin-top: -15px;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList a {
            height: 40px;
            font-size: 14px;
            min-width: unset;
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersList {
        width: 100%;
    }

        .contentRight .numberGraphicsContainer .lastNumbersList li {
            width: 100%;
        }

    .contentRight .numberGraphicsContainer .lastNumbersTabs {
        padding-top: 40px;
        overflow: scroll;
        min-height: unset;
    }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td:first-child,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td:first-child {
            font-size: 14px;
            width: auto;
            padding-left: 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr td,
        .contentRight .numberGraphicsContainer .lastNumbersTabs table tr:first-child td {
            font-size: 14px;
            width: auto;
            height: auto;
            padding: 10px 5px;
        }

        .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel {
            top: 5px;
            font-size: 12px;
            left: 8px;
            right: unset;
            padding: 2px 10px;
        }

            .contentRight .numberGraphicsContainer .lastNumbersTabs .downloadExcel .excelIcon {
                width: 14px;
            }

    .contentRight .industryContainer .image.fullPageContentImageForIndustry {
        height: 240px;
    }

    .contentRight .industryContainer.alignCenter {
        padding: 5% 3% 3% 3%;
    }

    .downloadDocument {
        width: 100%;
        height: 210px;
        padding: 5% 10px 10px 35%;
        margin: 10% 0 0 0;
        position: relative;
        background-position: 80% 40%;
    }

        .downloadDocument .documentName {
            font-size: 14px;
            line-height: 1.2;
        }

        .downloadDocument .documentDesc {
            font-size: 14px;
            line-height: 1.2;
            margin-top: 3%;
        }

        .downloadDocument .downloadButton {
            padding: 0 10px;
            font-size: 14px;
            position: absolute;
            right: 5%;
            bottom: 7%;
        }

            .downloadDocument .downloadButton > i {
                font-size: 16px;
            }

    .contentRight .usefulLinks .item {
        width: 49.7%;
    }

    .defaultContent .downloadDocument {
        height: 190px;
        width: 100%;
        padding: 5% 10px 10px 35%;
    }

    .contentRight .industryContainer .title {
        font-size: 20px;
    }

    .contentRight .industryContainer > .industryContentList > li a {
        font-size: 14px;
        padding: 0 32px 0 10px;
        line-height: 1.5;
    }

    .tab-content {
        font-size: 14px !important;
    }

    .contentRight .industryContainer .tab-content.forIndustry, .contentRight .industryContainer .firstContentForIndustry {
        padding: 2% 2%;
    }

    .defaultContentSlider {
        margin-top: 10%;
    }

    .defaultContent .defaultContentImageContainer {
        height: 310px;
    }

    .defaultContentSlider .sliderImage {
        width: 290px;
        height: 170px;
    }

    .contentRight .usefulLinks {
        gap: 0;
        row-gap: 4px;
        justify-content: space-between;
    }
    /*404*/
    .errorPage .container.e404::before {
        width: 160px;
        height: 210px;
        left: -12%;
        top: -6%;
        background-size: 100%;
    }
    /*Contact*/
    .main.contactContainer .topArea {
        height: auto;
        flex-direction: column;
        gap: 50px;
    }

        .main.contactContainer .topArea .addressContainer .imgBox {
            width: 60%;
            height: 370px;
        }

        .main.contactContainer .topArea .addressContainer {
            width: 100%;
        }

        .main.contactContainer .topArea .mapContainer {
            width: 100%;
            height: 230px;
            border-radius: 20px;
        }

        .main.contactContainer .topArea .addressContainer .addressInfos {
            width: 65%;
            height: 320px;
            border-radius: 30px;
            padding: 20px;
            top: 50%;
            left: 67%;
            transform: translate(-50%, -50%);
        }

    .main.contactFormContainer .background .form {
        width: 100%;
        padding: 20px 5px;
    }

        .main.contactFormContainer .background .form .buttons {
            gap: 0;
        }



    .main.contactContainer .topArea .addressContainer .addressInfos .slogan,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .text a,
    .main.contactContainer .topArea .addressContainer .addressInfos .line .name {
        font-size: 14px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .title {
        font-size: 20px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        height: 180px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox input,
        .main.contactFormContainer .background .form .inputs .inputBox input::placeholder,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea,
        .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea::placeholder {
            font-size: 12px;
        }

            .main.contactFormContainer .background .form .inputs .inputBox input,
            .main.contactFormContainer .background .form .inputs .inputBox input::placeholder {
                padding: 4% 0;
            }

    .main.contactFormContainer .background .form .inputs .inputBox.textArea textarea {
        padding: 2% 0;
    }

    .main.contactFormContainer .background .form .textTitle {
        font-size: 22px;
    }

    .main.contactFormContainer .background .form .textDescription {
        font-size: 14px;
    }

    .errorTextForContactform {
        font-size: 14px;
    }

    .main.contactFormContainer .background .form .inputs .inputBox,
    .main.contactFormContainer .background .form .inputs .inputBox.textArea {
        padding: 0 5px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox i {
            font-size: 10px;
            margin-right: 10px;
        }

    .main.contactFormContainer .background .form .inputs {
        row-gap: 18px;
    }

        .main.contactFormContainer .background .form .inputs .inputBox.textArea i {
            padding: 16px 0;
        }

    .main.contactFormContainer {
        height: auto;
        padding: 0 1.2723% 55px 1.2723%;
    }

        .main.contactFormContainer .background .form .buttons .text {
            padding: 0px 10px 0 15px;
            font-size: 14px;
        }

        .main.contactFormContainer .background .form .buttons span {
            font-size: 16px;
        }

        .main.contactFormContainer .background .form .buttons a {
            height: 40px;
        }

        .main.contactFormContainer .background .form .inputs .inputBox {
            border: 1px solid #f7f7f7;
        }

    .emailWrongFormat {
        top: -19px;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .slogan {
        margin-bottom: 3.589%;
    }

    .main.contactContainer .topArea .addressContainer .addressInfos .line {
        margin-bottom: 2%;
    }

    /*Newslist Old*/
    .oldNewsContainer .item {
        justify-content: start;
        flex-direction: unset;
        gap: 50px;
    }

        .oldNewsContainer .item > .title {
            width: 60%;
        }
    /*NewsList NEW*/
    .newsListContainer {
        margin-bottom: 25px;
        gap: 0;
        row-gap: 20px;
        column-gap: 14px;
    }

        .newsListContainer .item {
            width: 32%;
        }

    .newsPagination {
        margin-bottom: 25px;
    }

    .newsListContainer .item .newsImage {
        height: 120px;
    }

    .newsListContainer .item .textArea {
        padding: 7px;
    }

    .newsListContainer .item > .textArea > .bottomLine {
        flex-direction: column;
    }

    .newsListContainer .item .textArea > .title {
        min-height: 38px;
    }
    /*News Detail*/
    .main.newsDetailContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .main.newsDetailContainer .newsDetail {
            width: 100%;
        }

        .main.newsDetailContainer .lastNews {
            width: 100%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .carousel {
            width: 55%;
            margin-left: 2%;
        }

        .main.newsDetailContainer .newsDetail > .textArea .newsTitle {
            font-size: 20px;
            margin-bottom: 3%;
            margin-top: 3%;
        }

        .main.newsDetailContainer .swiperBig {
            height: 224px;
        }

        .main.newsDetailContainer .swiperSmall {
            height: 92px;
        }

        .main.newsDetailContainer .newsDetail > .textArea {
            font-size: 14px;
            line-height: 24px;
        }

        .main.newsDetailContainer .newsDetail > .buttons {
            padding: 10px 0;
        }

        .main.newsDetailContainer .newsDetail > .date {
            margin-bottom: 5px;
        }

        .main.newsDetailContainer .lastNews > .item {
            width: 95%;
        }

        .main.newsDetailContainer .lastNews > .allSeeButton {
            font-size: 14px;
            margin: 0 auto 20px auto;
            padding: 1.5% 3%;
        }

    .documents.documentList > .item {
        padding: 10px 30px;
        position: relative;
    }

        .documents.documentList > .item > i:nth-child(1) {
            position: absolute;
            left: 3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .documents.documentList > .item > i:nth-child(2) {
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
        }

    .main.newsDetailContainer .lastNews > .item > .newsImage {
        height: 150px;
    }
}