@font-face {
    font-family: 'Proxima Nova Alt Bold';
    src: url('fonts/Proxima Nova Alt Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Alt Light';
    src: url('fonts/Proxima Nova Alt Light.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Alt Thin';
    src: url('fonts/Proxima Nova Alt Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Black';
    src: url('fonts/Proxima Nova Black.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('fonts/Proxima Nova Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url('fonts/Proxima Nova Extrabold.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Thin';
    src: url('fonts/Proxima Nova Thin.otf') format('opentype');
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('fonts/ProximaNova-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Alegreya-Black';
    src: url('fonts2/Alegreya-Black.otf') format('opentype');
}

@font-face {
    font-family: 'Alegreya-Bold';
    src: url('fonts2/Alegreya-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Alegreya-Regular';
    src: url('fonts2/Alegreya-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'AlegreyaSC-Black';
    src: url('fonts2/AlegreyaSC-Black.otf') format('opentype');
}

@font-face {
    font-family: 'AlegreyaSC-Bold';
    src: url('fonts2/AlegreyaSC-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'AlegreyaSC-Regular';
    src: url('fonts2/AlegreyaSC-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Thin';
    src: url('fonts2/AlegreyaSansSC-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Regular';
    src: url('fonts2/AlegreyaSansSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Medium';
    src: url('fonts2/AlegreyaSansSC-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Light';
    src: url('fonts2/AlegreyaSansSC-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-ExtraBold';
    src: url('fonts2/AlegreyaSansSC-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Bold';
    src: url('fonts2/AlegreyaSansSC-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSansSC-Black';
    src: url('fonts2/AlegreyaSansSC-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Thin';
    src: url('fonts2/AlegreyaSans-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Regular';
    src: url('fonts2/AlegreyaSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Medium';
    src: url('fonts2/AlegreyaSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Light';
    src: url('fonts2/AlegreyaSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-ExtraBold';
    src: url('fonts2/AlegreyaSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Bold';
    src: url('fonts2/AlegreyaSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AlegreyaSans-Black';
    src: url('fonts2/AlegreyaSans-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'AbrilFatface-Regular';
    src: url('fonts3/AbrilFatface-Regular.otf') format('opentype');
}
/*reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: Kakadu-Regular;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

html *:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.bodyContainer {
    /* margin-top: 80px; */
}

p {
    margin: 0px;
    padding: 0px;
}

.limit {
    width: 60%;
    margin: auto;
}


.limitLarge {
    width: 70%;
    margin: auto;
}

.limitXLarge {
    width: 87%;
    margin: auto;
}

.limitSmall {
    width: 50%;
    margin: auto;
    /*padding-bottom: 115px;
    padding-top: 115px;*/
}

.limitXSmall {
    width: 40%;
    margin: auto;
}

.visible {
    display: block !important;
}

.width97perc {
    width: 97% !important;
}

button {
    text-decoration: none;
}

a {
    text-decoration: none;
}

/*NAVBAR*/
/*.games_navbar {
            position: fixed;
            top: 0px;
            z-index: 1001;
            width: 100%;
        }*/

/*   .games_navbar .menu__group {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -webkit-tap-highlight-color: transparent;
            }*/

/*  .games_navbar .menu__list {
                max-height: 0;
                transition: max-height .2s ease-out;
                display: flex;
                padding-right: 23px;
                font-size: 20px;
            }*/

.menu-icon {
    cursor: pointer;
    /*display: inline-block;
    float: right;*/
    /*padding: 28px 20px;*/
    position: relative;
    user-select: none;
    /*margin-left: 46%;*/
}

.menu-icon {
    display: none;
}

    .menu-icon .navicon {
        background: black;
        display: block;
        height: 2px;
        position: relative;
        transition: background .2s ease-out;
        width: 25px;
        top: 2px;
    }

        .menu-icon .navicon:before,
        .menu-icon .navicon:after {
            background: black;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            transition: all .2s ease-out;
            width: 100%;
        }

        .menu-icon .navicon:before {
            top: 6px;
        }

        .menu-icon .navicon:after {
            top: -6px;
        }

.menu-btn {
    display: none;
}







    .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
    }

    .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
    }

    .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }
/*NAVBAR END*/

/*NAVBAR*/
.navbarbon {
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.navclass {
    /* z-index: 2000; */
    text-align: center;
    height: 100px;
    margin-top: 100px;
    position: absolute;
    z-index: 2000;
    /*width: 90%;*/
    width: 79%;
    background: white;
    text-decoration: none;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

    .navclass > ul {
        /* display: grid;
        grid-template-columns: 11% 11% 11% 25% 11% 8% 10% 6% 11%;
        width: 85%;
        margin: auto;
        text-align: center;
        align-items: center;
        justify-items: center;
        justify-content: center;
        height: 100%;
        font-family: ProximaNova-Regular;
        text-decoration: none;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;*/
        display: grid;
        grid-template-columns: 193px auto auto auto 250px auto auto auto 5px 160px;
        grid-gap: 20px;
        max-width: 1728px;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        justify-items: center;
        /* justify-content: center; */
        height: 100%;
        font-family: ProximaNova-Regular;
        text-decoration: none;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
    }

    .navclass a {
        text-decoration: none;
        color: black;
    }

        .navclass a:hover, .navclass a:visited, .navclass a:link, .navclass a:active {
            text-decoration: none;
        }

        .navclass a:hover {
            text-decoration: none;
            color: black;
        }

#navbarLogo {
    position: absolute;
    top: 47px;
}

/*.verticalLines {
    border-left: 1px solid #d8d7d7;
    border-right: 1px solid #d8d7d7;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 17px;
    z-index: 1;
    position: absolute;
    right: 141px;
    top: 0px;
}*/

.verticalLines {
    border-left: 1px solid #d8d7d7;
    border-right: 1px solid #d8d7d7;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 17px;
    z-index: 9999;
    position: absolute;
    right: 80px;
    top: 0px;
}

.searchVerticalLines {
    border-left: 1px solid #d8d7d7;
    border-right: 1px solid #d8d7d7;
    height: 100px;
    display: flex;
    align-items: center;
    z-index: 1;
    /*position: absolute;
    right: 80px;
    top: 0px;*/
}

#logoana {
    position: absolute;
    margin-left: -125px;
    margin-top: -125px;
}

.searchButton {
    display: none;
}

.navclass li:hover {
    /*font-weight: bold;*/
    text-shadow: 0px 0px 1px black;
    cursor: pointer;
    text-decoration: none;
    color: black;
}


.navclass ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding-left: 0;
    top: 60px;
    /* left: 0;*/
    display: none;
    background-color: white;
}

.dropdownLi:hover ul, .dropdown:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    min-width: 95px;
    text-align: left;
    padding-top: 20px;
    box-shadow: 0px 3px 5px -1px #ccc;
}

.navclass ul li ul li {
    clear: both;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    border-style: none;
    padding-left: 14px;
}

    .navclass ul li ul li a:hover {
        padding-left: 10px;
        border-left: 2px solid #39a8dc;
        transition: all 0.3s ease;
    }




/*FOOTER*/
.footer {
    background-color: #eeedec;
    text-align: center;
}

    .footer > div {
        /* grid-row-gap: 78px; */
        display: inline-grid;
        grid-auto-rows: 16% 57% 3% 24%;
        text-align: center;
        align-items: center;
        width: 87%;
        margin: auto;
    }

.foot1 {
    text-align: center;
}

/* .foot1 img {
        width: 11%;
        margin: auto;
        position: relative;
        top: -107px;
    }*/
.foot2 {
    padding-top: 53px;
    font-family: ProximaNova-Regular;
}

    .foot2 * {
        text-decoration: none;
        color: black;
    }

    .foot2 > ul {
        display: grid;
        /*   grid-template-columns: 20% 20% 20%;
        width: 65%;*/
        grid-template-columns: 25% 25% 25% 25%;
        width: 44%;
        margin: auto;
        text-align: center;
        align-items: center;
    }

        .foot2 > ul > li > a {
            text-decoration: none;
            color: black;
        }

            .foot2 > ul > li > a:hover {
                text-decoration: none;
                color: black;
                /*font-weight: bolder;*/
                text-shadow: 0px 0px 1px black;
            }

.foot3 {
    font-family: ProximaNova-Regular;
    text-align: right;
}

.foot4 {
    background-color: #5db8e2;
    color: #5db8e2;
    height: 36px;
    align-self: end;
}


/*  BODY*/

.slidetext {
    text-shadow: 1px 2px 1px grey;
}

    .slidetext.elma {
        color: white;
        width: 350px;
        font-size: 50px;
        font-family: 'Proxima Nova Black';
        line-height: 63px;
        position: absolute;
        /*right: 170px;
    top: 390px;*/
        top: 33%;
        left: 66%;
        text-align: right;
    }

.vid {
    width: 100%;
    /*height: 900px;*/
    height: 635px;
    /*object-fit: contain;*/
    object-fit: cover;
    /*    filter: brightness(0.6);*/
}

.stext.elma {
    /*width: 508px;
    float: right;
    padding-top: 343px;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.stext.ceviz {
    /*width: 84%;
    float: right;
    padding-top: 371px;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.ceviz {
    /*color: white;
    width: 430px;
    font-size: 50px;
    font-family: ProximaNova-Regular;
    line-height: 66px;*/
    color: white;
    width: 430px;
    font-size: 50px;
    font-family: ProximaNova-Regular;
    line-height: 66px;
    position: absolute;
    /*left: 210px;*/
    /*left: 8vw;
    top: 330px;*/
    left: 13vw;
    /*top: 265px;*/
    top: 33%;
}

.cevizspan {
    font-size: 60px;
    font-family: 'Proxima Nova Bold';
}

.stext.erik {
    /* width: 94%;
    float: right;
    padding-top: 212px;
    text-align: center;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.erik {
    /* color: white;
    width: 430px;
    font-size: 55px;
    font-family: AlegreyaSans-Black;
    line-height: 66px;*/
    color: white;
    width: max-content;
    font-size: 55px;
    font-family: AlegreyaSans-Black;
    line-height: 66px;
    position: absolute;
    /*left: 150px;*/
    /*left: 10vw;
    top: 205px;*/
    left: 12vw;
    top: 24%;
    text-align: center;
}

.erikspan {
    font-size: 74px;
    font-family: AlegreyaSans-Black;
}

.stext.ayva {
    /*width: 40%;
    float: right;
    padding-top: 432px;
    text-align: right;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.ayva {
    /*color: white;
    width: 643px;
    font-size: 48px;
    font-family: AlegreyaSans-Black;
    line-height: 63px;*/
    color: white;
    width: 543px;
    font-size: 48px;
    font-family: AlegreyaSans-Black;
    line-height: 63px;
    position: absolute;
    right: 25px;
    /*top: 432px;*/
    top: 43%;
}

.stext.seftali {
    /* width: 91%;
    float: right;
    padding-top: 397px;
    text-align: left;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.seftali {
    /*color: white;
    width: 643px;
    font-size: 48px;
    font-family: AlegreyaSans-Regular;
    line-height: 63px;*/
    color: white;
    width: 643px;
    font-size: 48px;
    font-family: AlegreyaSans-Regular;
    line-height: 63px;
    position: absolute;
    /*left: 145px;*/
    left: 8vw;
    /*top: 390px;*/
    top: 33%;
}

.seftalispan {
    font-family: AlegreyaSans-Bold;
}

.stext.nektarin {
    /*width: 85%;
    padding-top: 517px;
    text-align: center;
    float: right;*/
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.nektarin {
    /*color: white;
    width: 1200px;
    font-size: 37px;
    font-family: AlegreyaSans-ExtraBold;
    line-height: 47px;*/
    color: white;
    max-width: 1200px;
    font-size: 37px;
    font-family: AlegreyaSans-ExtraBold;
    line-height: 47px;
    position: absolute;
    /*left: 250px;
    top: 520px;*/
    top: 52.3%;
    left: 13%;
    text-align: center;
}

.stext.bal {
    /* width: 85%; */
    /* float: right; */
    /* padding-top: 237px; */
    /* text-align: left; */
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.bal {
    /*color: white;
    width: 643px;
    font-size: 58px;
    font-family: AlegreyaSans-ExtraBold;
    line-height: 65px;*/
    color: white;
    /*width: 643px;*/
    font-size: 58px;
    font-family: AlegreyaSans-ExtraBold;
    line-height: 65px;
    position: absolute;
    /*left: 165px;
    top: 240px;*/
    left: 14%;
    top: 26%;
}

.balspan {
    font-size: 80px;
    line-height: 70px;
}
.stext.uzum {
    /* width: 85%; */
    /* float: right; */
    /* padding-top: 237px; */
    /* text-align: left; */
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.uzum {
    color: #5f2823;
    /* width: 643px; */
    font-size: 42px;
    font-family: 'AlegreyaSans-Regular';
    line-height: 53px;
    position: absolute;
    left: 69%;
    top: 40%;
}

.uzumspan {
    font-size: 80px;
    line-height: 70px;
}
.stext.nar {
    /* width: 85%; */
    /* float: right; */
    /* padding-top: 237px; */
    /* text-align: left; */
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.nar {
    color: black;
    /* width: 643px; */
    font-size: 40px;
    font-family: 'AlegreyaSans-Regular';
    line-height: 49px;
    position: absolute;
    left: 60%;
    top: 37%;
}

.narspan {
    font-size: 80px;
    line-height: 70px;
}
.stext.cilek {
    /* width: 85%; */
    /* float: right; */
    /* padding-top: 237px; */
    /* text-align: left; */
    width: 100%;
    padding-top: 1px;
    /*backdrop-filter: brightness(0.9);*/
    /*height: 677px;*/
    height: 100%;
}

.slidetext.cilek {
    color: #d2001f;
    /* width: 643px; */
    font-size: 40px;
    font-family: 'AlegreyaSans-Regular';
    line-height: 44px;
    position: absolute;
    left: 10%;
    top: 41%;
}

.cilekspan {
    font-size: 80px;
    line-height: 70px;
}
.slider {
    position: fixed;
    z-index: 1000;
    top: 0;
}

.bx-controls {
    top: -135px;
    position: relative;
}

.bx-wrapper {
    height: 840px;
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: white;
        opacity: 0.5 !important;
        width: 12px !important;
        height: 12px !important;
        margin: 0px 4px !important;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: #fff !important;
            opacity: 5 !important;
        }

.section1 {
    z-index: 1000;
    /* height: 1000px; */
    margin-left: 70px;
    /* background-color: lightgray; */
    margin-right: 70px;
    background-image: url('images/ters elips.png');
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    /*background-size: calc(100%);*/
    /* background-position-y: calc(50% + 340px);*/
}

.HomeBannerElement {
    object-fit: contain;
    width: 1920px;
    /*height: 974px;*/
    height: 800px;
    background-size: cover !important;
}

.text1 h1 {
    color: #39a8dc;
    font-family: ProximaNova-Regular;
    font-size: 25px;
    text-align: center;
}

.text1 {
    max-width: 1000px;
    margin: 0 auto;
}

    .text1 p {
        font-family: ProximaNova-Regular;
        font-size: 15px;
        text-align: center;
        padding-top: 18px;
    }

.text {
    text-align: center;
}

.images1 {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    padding-top: 30px;
    grid-column-gap: 45px;
    align-items: center;
    width: 85%;
    justify-content: center;
    grid-template-columns: minmax(auto,205px) minmax(auto,205px) minmax(auto,205px) minmax(auto,205px);
    grid-gap: 0px;
}

    .images1 > div {
        display: inline-grid;
        align-items: center;
    }

.section2 {
    text-align: center;
    position: relative;
    /*top: -62px;*/
    /*top: -339px;*/
    top: -50px;
}

.imagestext {
    padding-top: 35px;
    font-family: ProximaNova-Regular;
    font-size: 15px;
}

.imagestext2 {
    padding-top: 18px;
    font-family: ProximaNova-Regular;
    font-size: 15px;
}

.section3 {
    text-align: center;
    /*padding-top: 200px;*/
    /*padding-top: 7%;*/
    /*margin-top: -155px;*/
    margin-top: 80px;
}

    .section3 > span {
        font-family: ProximaNova-Regular;
        font-size: 20px;
    }

    .section3 > div {
        display: grid;
        /*grid-template-columns: 123px 123px 123px 123px 123px 123px 123px;*/
        grid-template-columns: minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px);
        padding-top: 60px;
        grid-gap: 15px;
        justify-content: center;
        /* align-items: center; */
        /*width: 867px;
        grid-column-gap: 46px;*/
    }

        .section3 > div > div:hover {
            color: white;
        }

        .section3 > div > div {
            display: inline-grid;
            align-items: center;
            /*height: 178px;*/
            max-height: 183px;
            /*padding-bottom: 50px;*/
            padding-bottom: 18%;
            cursor: pointer;
        }

.hr {
    width: 50%;
    margin-top: 4px;
    border-top: 1px solid white;
}

.section3text span {
    font-family: ProximaNova-Regular;
    font-size: 15px;
}

.circleimage {
    padding-top: 15px;
}

.section3text {
    padding-top: 13px;
}

.section3 img {
    width: 75%;
    border: 1px solid white;
    border-radius: 200px;
    background-color: white;
}

#a:hover {
    background-color: #78933b;
    transition: 0.2s;
    cursor: pointer;
}

.tab1hover {
    background-color: #78933b;
    transition: 0.2s;
}

#b:hover {
    background-color: #de914c;
    transition: 0.2s;
    cursor: pointer;
}

.tab2hover {
    background-color: #de914c;
    transition: 0.2s;
}

#c:hover {
    background-color: #7c2e52;
    transition: 0.2s;
    cursor: pointer;
}

.tab3hover {
    background-color: #7c2e52;
    transition: 0.2s;
}

#d:hover {
    background-color: #a67517;
    transition: 0.2s;
    cursor: pointer;
}

.tab4hover {
    background-color: #a67517;
    transition: 0.2s;
}

#e:hover {
    background-color: #f1865f;
    transition: 0.2s;
    cursor: pointer;
}

.tab5hover {
    background-color: #f1865f;
    transition: 0.2s;
}

#f:hover {
    background-color: #4c64de;
    transition: 0.2s;
    cursor: pointer;
}

.tab6hover {
    background-color: #4c64de;
    transition: 0.2s;
}

#g:hover {
    background-color: #51b3e0;
    transition: 0.2s;
    cursor: pointer;
}

.tab7hover {
    background-color: #51b3e0;
    transition: 0.2s;
}

#h:hover {
    background-color: #dd353c;
    transition: 0.2s;
    cursor: pointer;
}

.tab8hover {
    background-color: #dd353c;
    transition: 0.2s;
}

#ı:hover {
    background-color: #5f2823;
    transition: 0.2s;
    cursor: pointer;
}

.tab9hover {
    background-color: #5f2823;
    transition: 0.2s;
}

#i:hover {
    background-color: #ff0009;
    transition: 0.2s;
    cursor: pointer;
}

.tab10hover {
    background-color: #ff0009;
    transition: 0.2s;
}

.whiteTextHov {
    color: white !important;
}

.section4 > div {
    display: grid;
    /*grid-template-columns: 400px minmax(35vw,610px);*/
    grid-template-columns: 400px 700px;
    justify-content: center;
}

.section4 img {
    width: 100%;
}

.sec4img {
    /* width: 45%; */
    margin: auto;
}

.section4text span {
    font-size: 46px;
}

.section4text {
    position: relative;
    /* top: 470px; */
    color: white;
    font-family: ProximaNova-Regular;
    font-size: 15px;
    /* width: 61%; */
    /* margin: auto; */
    /* right: 31px; */
    /*padding: 187px;*/
    width: 400px;
    margin-right: 40px;
}

.urunAnim {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    position: relative;
}

.tabDivLeft {
    left: -200%;
}

.tabDivRight {
    right: -200%;
    height: 615px;
    display: grid;
    align-items: center;
    justify-items: center;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.elmaalan {
    background-image: url(images/elmaalan.png);
}

.cevizalan {
    background-image: url('images/cevizalan.png');
}

.karaerikalan {
    background-image: url('images/erikalan.png');
}

.ayvaalan {
    background-image: url('images/ayvaalan.png');
}

.seftalialan {
    background-image: url('images/seftalialan.png');
}

.nektarinalan {
    background-image: url('images/nektarinalan.png');
}

.balalan {
    background-image: url('images/balalan.png');
}
.naralan {
    background-image: url('images/nararkaplan.png');
}
.uzumalan {
    background-image: url('images/uzumarkaplan.png');
}
.cilekalan {
    background-image: url('images/cilekarkaplan.png');
}
#gizli {
    display: none;
}

.section5Button {
    border: 1px solid #9eafb6;
    padding: 15px;
    width: 45%;
    text-align: center;
}

    .section5Button:hover {
        background-color: #9eafb6;
        cursor: pointer;
        color: white;
        transition: 0.5s;
    }

    .section5Button a {
        color: black;
        text-decoration: none;
        font-family: ProximaNova-Regular;
    }

        .section5Button a:hover {
            color: white;
            text-decoration: none;
        }

    .section5Button img {
        width: 12% !important;
    }

.section6Button {
    border: 1px solid #9eafb6;
    padding: 15px;
    width: 45%;
    text-align: center;
}

    .section6Button:hover {
        background-color: #9eafb6;
        cursor: pointer;
        color: white;
        transition: 0.5s;
    }

    .section6Button a {
        color: black;
        text-decoration: none;
        font-family: ProximaNova-Regular;
    }

        .section6Button a:hover {
            color: white;
            text-decoration: none;
        }

    .section6Button img {
        width: 12% !important;
    }

.section5 {
    display: grid;
    /*grid-template-columns: 56% 44%;*/
    grid-template-columns: minmax(20%,460px) 560px;
    grid-gap: 80px;
    justify-content: center;
    align-items: center;
    padding-top: 205px;
}

    .section5 img {
        /*width: 67%;*/
        width: 100%;
        position: relative;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        right: 0;
        right: -200%;
    }

.section5text {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    /*width: 50%;*/
    margin: auto;
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    left: -200%;
}

.sec5but {
    padding-top: 10px;
}

.section5text span {
    font-family: ProximaNova-Regular;
    font-size: 34px;
}

.section5text p {
    padding-top: 30px;
    font-family: ProximaNova-Regular;
    font-size: 15px;
}

.section6 > div {
    display: grid;
    /*grid-template-columns: 56% 44%;*/
    grid-template-columns: minmax(20%,500px) 53%;
    justify-content: end;
    align-items: center;
    /* padding-top: 318px;*/
    padding-top: calc(8% + 50px);
}

.section6text {
    /*    width: 50%;*/
    /*margin: auto;*/
    align-self: start;
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    left: 0;
    left: -200%;
}

    .section6text span {
        font-size: 32px;
        font-family: ProximaNova-Regular;
    }

    .section6text p {
        font-size: 14px;
        font-family: ProximaNova-Regular;
        line-height: 29px;
    }

    .section6text img {
        width: 85%;
    }

.sec6text {
    /*width: 63%;*/
    /* margin: auto; */
    padding-top: 48px;
}

.sec6img {
    padding-top: 30px;
}

.imagesec6 {
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    right: 0;
    right: -200%;
}

    .imagesec6 img {
        width: 100%;
    }

.mai {
    background-image: url(images/mavialan.png);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-y: 400px;
    background-position-x: -235px;
    background-position-x: -2000%;
    overflow-x: hidden;
    /* transition: 2s; */
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.section7 > div {
    display: grid;
    /*grid-template-columns: 25% 25% 25% 25%;*/
    grid-template-columns: minmax(10%,235px) minmax(10%,235px) minmax(10%,235px) minmax(10%,235px);
    justify-content: center;
    padding-bottom: 124px;
    padding-top: 300px;
    /*width: 53%;*/
    grid-column-gap: 39px;
    margin: auto;
    justify-content: center;
}

.section7 img {
    /*width: 32%;*/
    height: 100%;
    object-fit: cover;
    align-self: flex-end;
    margin-bottom: 10px;
}

.sec7text p {
    font-size: 14px;
    font-family: ProximaNova-Regular;
}

#asama2 {
    /*width: 30%;*/
    height: 82px;
}

#asama3 {
    /*width: 50%;*/
    height: 82px;
}

#sec7text {
    /*padding-top: 25px;*/
}

#sec7img {
    text-align: center;
    height: 100px;
    display: flex;
    align-content: end;
    justify-items: center;
    justify-content: center;
}

.sec7text span {
    font-family: 'Proxima Nova Bold';
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: white;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    position: relative;
    outline: 0;
    -moz-border-radius: 5px;
    top: -543px !important;
    -webkit-border-radius: 5px;
    border-radius: 26px;
}

.bx-wrapper .bx-controls-direction a {
    display: none;
}

.home2 {
    /*background-image: url('images/elips.png');
    background-position: center;
    background-repeat: no-repeat;*/
    /*background-size: 93%;
    background-position-y: 102px;*/
    /*background-size: calc(100% - 140px);
    background-position-y: 50%;*/
    /*width: 90%;
    margin: 0 auto;*/
    /*width: 90%;*/
    padding-left: 5%;
    padding-right: 5%;
    /* margin-bottom: -187px; */
    background-color: #eeeeec;
    /* background-size: 120%;*/
}


/*HAKKIMIZDA*/

.firstline > div {
    float: left;
    font-family: 'Proxima Nova Bold';
}

.firstline {
    width: 80%;
    margin: auto;
}

.secondpart {
    height: 50px;
    background-color: #e8e8e8;
}

    .secondpart h1 {
        font-family: 'Proxima Nova Bold';
        font-size: 33px;
        padding-top: 8px;
    }

    .secondpart > div {
        width: 80%;
        margin: auto;
    }

.thirdpart p {
    font-family: ProximaNova-Regular;
    width: 90%;
}

.thirdpart > div {
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top: 80px;
    /*align-items: center;*/
}

.hakkimizda {
    padding-top: 288px;
}

.thirdpart > div {
    width: 80%;
    margin: auto;
}

.thirdpart img {
    width: 100%;
}

.lastpart {
    text-align: center;
    padding-bottom: 126px;
}

.fourthpart > div > div {
    padding-top: 152px !important;
}

.urun_detay {
    padding-top: 250px;
}

.firstline2 {
    width: 80%;
    margin: auto;
}

.thirdpart span {
    font-size: 67px;
    font-family: 'Proxima Nova Alt Light';
}

.urunp {
    font-size: 14px;
    font-family: ProximaNova-Regular;
}

/*.slideurun img {
    width: 100%;
}*/

/*.slideurun > div {
    width: 53%;
    position: relative;
    top: 510px;*/
/* width: 50px; */
/*margin: auto;
}*/

.urunBanner.elma {
    width: 280px;
    position: relative;
    top: 30%;
    left: 29%;
}

.urunBanner.ceviz {
    width: 333px;
    position: relative;
    top: 42%;
    left: 26%;
}

.urunBanner > span > span {
    display: block;
}

.urunBanner.erik {
    width: 280px;
    position: relative;
    top: 14%;
    left: 28%;
}

.urunBanner.ayva {
    width: 400px;
    position: relative;
    top: 63%;
    left: 12%;
}

.urunBanner.seftali {
    width: 734px;
    position: relative;
    top: 53%;
    left: 16%;
}

.urunBanner.nektarin {
    width: 523px;
    position: relative;
    top: 53%;
    left: 8%;
}

.urunBanner.bal {
    width: 373px;
    position: relative;
    top: 61%;
    left: 14%;
}
.urunBanner.nar {
    width: 605px;
    position: relative;
    top: 65%;
    left: 7%;
}
.urunBanner.uzum {
    width: 458px;
    position: relative;
    top: 61%;
    left: 14%;
}
.urunBanner.cilek {
    width: 523px;
    position: relative;
    top: 52%;
    left: 14%;
}
.slideurun span {
    color: white;
    font-family: AbrilFatface-Regular;
    font-size: 50px;
    text-shadow: 2px 2px black;
}

.fourthpart2 > div > div {
    padding-top: 100px !important;
}

.sec5but a {
    text-decoration: none;
    color: black;
}

    .sec5but a:hover {
        text-decoration: none;
    }

.section5Button {
    text-decoration: none;
}

    .section5Button:hover {
        text-decoration: none;
    }

.sec6but a {
    text-decoration: none;
    color: black;
}

    .sec6but a:hover {
        text-decoration: none;
    }

.section6Button {
    text-decoration: none;
}

    .section6Button:hover {
        text-decoration: none;
    }

.uretimteknigi {
    padding-top: 250px;
}

.alan3 {
    text-align: center;
}

.uretimText {
    background-color: #9399c7;
    color: white;
    font-family: ProximaNova-Regular;
    height: 350px;
}

    .uretimText > div {
        padding-top: 70px;
    }

        .uretimText > div > p {
            padding-top: 20px;
            width: 25%;
            margin: auto;
        }

    .uretimText span {
        font-size: 25px;
    }

    .uretimText p {
        font-size: 15px;
        font-family: ProximaNova-Regular;
    }

.dunya {
    position: relative;
    top: 25px;
}

.uretimImg {
    position: relative;
    top: -80px;
    width: 100%;
}

    .uretimImg img {
        width: 60%;
    }

.bizeulasin {
    padding-top: 250px;
}

.map {
    width: 75%;
    margin: auto;
    margin-top: 25px;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 25.25%;
    position: relative;
    height: 0;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.contact {
    border-radius: 5px;
    padding-top: 20px;
    font-family: ProximaNova-Regular;
    padding-bottom: 20px;
}


.ContactTextBox * {
    width: 550px;
}

.contact2 {
    display: grid;
    grid-template-columns: auto auto;
}

.contact * {
    font-family: ProximaNova-Regular;
    width: 360px;
}

.contact {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
}

.firstContact {
    margin-top: 20px;
    display: grid;
}

.contactpage > div {
    display: grid;
    grid-template-columns: 42% 55%;
    width: 75%;
    margin: auto;
}

input, select, textarea {
    /* max-width: 280px; */
    padding: 16px;
}

.contact input[type=text], select {
    /*width: 545px !important;*/
    padding: 14px 2px;
    margin: 3px 0px;
    display: inline-block;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
    font-family: ProximaNova-Regular;
    color: #000;
}

.contact .ContactTextArea {
    width: 100% !important;
    height: 162px;
    /* background-color: transparent; */
    padding: 7px 2px;
    margin: 3px 0px;
    display: inline-block;
    border: 1px solid #bbbbbb;
    font-family: ProximaNova-Regular;
    color: black;
    resize: vertical;
    font-size: 15px;
}

.contactClick {
    width: 117px;
    background-color: transparent;
    padding: 13px 0px;
    border: 1px solid #bbbbbb;
}

    .contactClick:hover {
        width: 117px;
        background-color: #bbbbbb;
        color: white;
        border: 1px solid #bbbbbb;
    }

#textareacontact {
    text-align: right;
}

.gonderbuton {
    text-align: right;
}

    .gonderbuton input {
        width: 117px;
        background-color: transparent;
        padding: 13px 0px;
        border: 1px solid #bbbbbb;
    }

        .gonderbuton input:hover {
            background-color: #bbbbbb;
            color: white;
        }

.videoVideo {
    align-self: center;
}

.newsImage {
    align-self: center;
}

    .newsImage img {
        /*width: 450px;
    height: 260px;*/
        width: 100%;
    }

.adres span {
    font-family: 'Proxima Nova Bold';
}

.adres p {
    font-family: ProximaNova-Regular;
}

.contactspan {
    font-family: 'Proxima Nova Bold';
}

.contactpage {
    padding-top: 50px;
}

.medya {
    padding-top: 300px;
}

.grupmedya {
    width: 75%;
    margin: auto;
    text-align: center;
}

.mediatab {
    /* width: 70% !important; */
    /* margin: auto;
    text-align: center;*/
    /* display: grid; */
    /* grid-template-columns: 33% 33% 33%; */
    /* justify-content: center; */
    max-width: 1315px;
    margin: 0 auto;
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
}

.videotab {
    margin: auto;
    text-align: center;
    max-width: 1315px;
    margin: 0 auto;
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
    /*width: 70%;*/
}

    .videotab video {
        /*width: 450px;
        height: 260px;*/
        width: 100%;
    }

.phototab {
    justify-content: center;
    /*grid-gap: 2vw;*/
    grid-gap: 40px;
    display: grid;
    grid-template-columns: auto auto auto;
    width: 89%;
    margin: 0 auto;
    margin-top: 30px;
}

.galimg {
    max-width: 100%;
    height: 9vw;
    object-fit: contain;
}

.mediatab a {
    display: grid;
    /*grid-template-columns: 33% 36% 24%;*/
    grid-column-gap: 20px;
    /* padding-top: 20px; */
    width: 89%;
    /*justify-content: center;*/
    /* align-items: center; */
    margin: 0 auto;
    grid-template-columns: minmax(auto,max-content) auto;
}

.videotab a {
    display: grid;
    /* grid-template-columns: 33% 36% 24%; */
    grid-column-gap: 20px;
    /* padding-top: 20px; */
    width: 89%;
    /*justify-content: center;*/
    /* align-items: center; */
    margin: 0 auto;
    grid-template-columns: minmax(auto,500px) auto;
}

/*.phototab a {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    column-gap: 275px;
}
*/
.habericerik {
    text-align: left;
}

.videoicerik {
    text-align: left;
}

.tabgenel {
    margin: auto;
    text-align: center;
}

.grupmedya {
    margin-top: 50px;
}

.medya span {
    font-family: 'Proxima Nova Bold';
    color: black;
    text-decoration: none;
}

.medya p {
    font-family: ProximaNova-Regular;
    color: black;
    text-decoration: none;
}

.medya span:hover {
    color: black;
    text-decoration: none;
}

.medya p:hover {
    color: black;
    text-decoration: none;
}

.medya a:hover {
    text-decoration: none;
    color: black;
}

.grupmedya {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-items: center;
    justify-content: center;
    font-family: ProximaNova-Regular;
    height: 55px;
}

    .grupmedya a {
        color: black;
        text-decoration: none;
    }

        .grupmedya a:hover {
            color: black;
            text-decoration: none;
            /*font-weight: bolder;*/
            text-shadow: 0px 0px 1px black;
            cursor: pointer;
        }

    .grupmedya div {
        padding-top: 15px;
        padding-bottom: 15px;
        color: black;
        display: block;
        width: 70px;
        border-bottom: 0px solid black;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
    }

.baslik {
    font-size: 20px;
    padding-top: 20px;
}

.tabBirlikte {
    width: 90%;
    margin: 0 auto;
}

.birliktecalisalim {
    padding-top: 300px;
}

.grupbirliktecalis {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-items: center;
    justify-content: center;
    margin-top: 50px;
}

    .grupbirliktecalis div {
        padding-top: 15px;
        padding-bottom: 15px;
        color: black;
        border-bottom: 0px solid black;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
    }

.urunistiyoruz {
    display: grid;
    grid-template-columns: minmax(0,485px) minmax(0,485px) minmax(0,485px);
    grid-template-columns: 28% 28% 28%;
    justify-content: center;
    grid-gap: 2vw;
}

.UrunInputElement > input {
    width: 100%;
}

.hizmetistiyoruz {
    display: grid;
    grid-template-columns: minmax(0,485px) minmax(0,485px) minmax(0,485px);
    justify-content: center;
    grid-gap: 2vw;
}

.HizmetInputElement > input {
    width: 100%;
}


.ekipistiyoruz {
    display: grid;
    grid-template-columns: minmax(0,485px) minmax(0,485px) minmax(0,485px);
    justify-content: center;
    grid-gap: 2vw;
}

.EkipInputElement > input {
    width: 100%;
}

.form3birim {
    grid-column: span 3;
}

.form2birim {
    grid-column: span 2;
}

.invisibleFormType {
    display: none;
}

.formunspani {
    width: 89%;
    margin: auto;
    margin-bottom: -17px;
    margin-left: 0px;
    padding-top: 25px;
    width: 352px;
    font-family: ProximaNova-Regular;
}

.urunistiyoruz {
    padding-top: 25px;
    font-family: ProximaNova-Regular;
}

.hizmetistiyoruz {
    padding-top: 25px;
    font-family: ProximaNova-Regular;
}

.ekipistiyoruz {
    padding-top: 25px;
    font-family: ProximaNova-Regular;
}

.birliktecalisalim a {
    color: black;
    font-family: ProximaNova-Regular;
}

    .birliktecalisalim a:hover {
        color: black;
        text-decoration: none;
        /*font-weight: bolder;*/
        text-shadow: 0px 0px 1px black;
        cursor: pointer;
    }

.firstline2 {
    font-family: 'Proxima Nova Bold';
}

.yasal {
    padding-top: 288px;
}

.yasalcontent p {
    font-family: ProximaNova-Regular;
    padding-top: 28px;
}

.yasalcontent span {
    font-family: 'Proxima Nova Bold';
}

.yasalcontent {
    width: 80%;
    margin: auto;
}

.pageError {
    padding-top: 300px;
    font-size: 30px;
    text-align: center;
    font-family: 'Proxima Nova Bold';
}

    .pageError a {
        color: black;
    }

.careertabs {
    padding-top: 10px;
}

.anonim {
    font-size: 25px;
}

.adres p {
    font-size: 20px;
}

.contactspan {
    font-size: 25px;
}

.stext h4 {
    margin-top: 20px !important;
}

.sertifika {
    padding-top: 20px;
    margin: auto;
}

.slick-slide > div {
    display: flex;
}

.slideshow {
    /*height: 200px;*/
    border: 2px solid #5db8e2;
    text-align: center;
    max-width: 280px;
    width: 86% !important;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .slideshow > div > div {
        text-align: center;
        /*     transform: skew(-15deg) !important;*/
    }

    .slideshow > div {
        text-align: center;
        display: grid;
        justify-content: center;
        justify-items: center;
        align-items: center;
        grid-template-rows: max-content auto max-content;
        height: 100%;
    }

    .slideshow span {
        color: gray;
        font-size: 20px;
        font-family: ProximaNova-Regular;
    }

    .slideshow a {
        color: #39a8dc;
        font-size: 18px;
        font-family: 'Proxima Nova Bold';
        text-decoration: none;
    }

        .slideshow a:hover {
            text-decoration: none;
        }

/*.slick-dotted.slick-slider {
    width: 94% !important;
}*/

.sertifika {
    width: 98%;
}

.sertifikabaslik {
    font-size: 35px;
    color: #39a8dc;
    text-align: center;
    font-family: ProximaNova-Regular;
    padding-bottom: 30px;
}

.sertifikaslide {
    width: 95%;
    margin: 0 auto;
}

html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgb(92, 195, 230);
}


/*RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVE*/
@media screen and (max-width: 1680px) {
    /*LAYOUT*/
    #logoana {
        width: 190px;
    }

    .foot1 img {
        width: 190px;
    }

    #navbarLogo {
        top: 80px;
        margin-left: 27px;
    }

    .navclass > ul {
        grid-template-columns: 165px auto auto auto 145px auto auto auto 5px 160px;
        grid-gap: 0px;
    }

    .navclass {
        width: 90%;
    }
    /*LAYOUT END*/

    .galimg {
        height: 13vw;
    }

    .slidetext.nektarin {
        left: 5vw;
        width: 90%;
        text-align: center;
    }

    .contactpage > div {
        display: grid;
        grid-template-columns: 42% 55%;
        width: 75%;
        margin: auto;
    }

    .contact {
        display: grid;
        grid-template-columns: 45% 55%;
        grid-gap: 52px;
    }

        .contact * {
            font-family: ProximaNova-Regular;
            width: 320px;
        }

    /*.mediatab a {
        column-gap: 123px;
        padding-top: 20px;
        width: 77%;
        margin: auto;
    }*/

    .grupmedya {
        width: 80%;
    }
}

@media screen and (max-width: 1366px) {
    /*LAYOUT*/
    .slidetext.cilek {
        color: #d2001f;
        /* width: 643px; */
        font-size: 40px;
        font-family: 'AlegreyaSans-Regular';
        line-height: 44px;
        position: absolute;
        left: 1%;
        top: 41%;
    }
    .navclass > ul {
        grid-template-columns: 150px auto auto auto 145px auto auto auto 5px 150px;
    }
    /*LAYOUT END*/
    .contact * {
        font-family: ProximaNova-Regular;
        width: 287px;
    }

    .map {
        width: 85%;
    }

    /*.mediatab a {
        column-gap: 138px;
        padding-top: 20px;
        width: 77%;
        margin: auto;
    }

    .phototab {
        display: block;
    }*/

    .formunspani {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1280px) {
    /*LAYOUT */

    .foot2 > ul {
        width: 100%;
    }

    .navclass > ul {
        grid-template-columns: 84px auto auto auto 145px 100px auto auto 5px 150px;
    }
    /*LAYOUT END*/

    .section3 {
        width: 100%;
    }

        .section3 > span {
            width: 75%;
        }

        .section3 > div {
            width: 95%;
            margin: 0 auto;
        }

    .section4 > div {
        /* grid-template-columns: 400px minmax(35vw,610px); */
        grid-template-columns: minmax(35vw,610px);
        justify-content: center;
    }

    .tabDivLeft {
        display: none;
    }

    .section4text {
        font-size: 12px;
        width: 320px;
        margin-right: 24px;
    }

    .contactpage > div {
        display: grid;
        grid-template-columns: 42% 55%;
        width: 85%;
        margin: auto;
    }

    .thirdpart img {
        width: 100%;
        margin-top: 20px;
    }

    .thirdpart p {
        font-family: ProximaNova-Regular;
        width: 100%;
    }

    .thirdpart > div {
        display: block;
        padding-top: 50px;
    }

    .section7 > div {
        width: 95%;
        grid-column-gap: 35px;
        margin: auto;
    }

    .slidetext.nektarin {
        /*top: 514px;*/
        font-size: 28px;
        line-height: 35px;
        /*left: 10vw;
        width: 79%;*/
        left: 7vw;
        width: 88%;
    }

    .map {
        width: 85%;
    }

    .contact {
        display: block;
    }

        .contact * {
            font-family: ProximaNova-Regular;
            width: 100%;
        }

    .map-responsive {
        padding-bottom: 40.25%;
    }

    /*.mediatab a {
        column-gap: 163px;
        padding-top: 20px;
        width: 90%;
        margin: auto;
    }*/

    .medya hr {
        width: 90% !important;
    }

    .uretimText > div > p {
        width: 30%;
    }

    .uretimImg img {
        width: 74%;
    }

    .slideshow {
        width: 95% !important;
    }
}

@media screen and (max-width: 1024px) {

    /* Layout START */
    .menu-icon {
        display: inline-block;
        margin-top: 46px;
        margin-bottom: 20px;
        color: white;
        float: left !important;
        position: absolute;
        /* float: right; */
        left: 70px;
    }

    .navclass > ul > :not(.sabitMenu) {
        display: none;
    }

    .urunlerDropdown .dropdown {
        margin-left: 103px;
        margin-top: 62px;
        position: initial;
        margin: 10px;
        padding: 0 !important;
        box-shadow: none !important;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
        width: 68vw;
    }

    .navclass ul li ul li {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }

    .menu-btn:checked ~ .menuListDiv {
        height: max-content;
        background: white;
        grid-template-columns: auto;
        grid-gap: 10px;
        margin-top: 101px;
        justify-items: center;
        padding-top: 18px;
        padding-bottom: 18px;
    }

        .menu-btn:checked ~ .menuListDiv > * {
            display: list-item;
        }

        .menu-btn:checked ~ .menuListDiv > .yoksay {
            display: none;
        }

    .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    /* Layout END */

    .section5 {
        grid-template-columns: 75%;
    }

    .section6text {
        justify-self: center;
        width: 75%;
    }

    .section6 > div {
        grid-template-columns: 100%;
    }

    .home2 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .section2 {
        width: 90%;
        margin: 0 auto;
    }

    .contactpage > div {
        display: block;
    }

    .adres span {
        font-family: 'Proxima Nova Bold';
        font-size: 28px;
    }

    .adres p {
        font-family: ProximaNova-Regular;
        font-size: 20px;
    }

    .contactspan {
        font-family: 'Proxima Nova Bold';
        font-size: 25px;
    }

    .contact input[type=text], select {
        font-size: 18px;
    }

    .contact .ContactTextArea {
        font-size: 18px;
    }

    .map-responsive {
        padding-bottom: 53.25%;
    }

    .grupmedya {
        width: 100%;
    }

    /*.mediatab a {
        column-gap: 257px;
        padding-top: 20px;
        width: 90%;
        margin: auto;
    }*/


    .grupbirliktecalis hr {
        width: 90%;
    }

    .grupbirliktecalis {
        /*grid-template-columns: 30% 38% 30%;*/
        /* width: 100%;*/
        text-align: center;
    }

    .formunspani {
        /* width: 100%; */
    }

    .section7 > div {
        width: 75%;
        grid-column-gap: 35px;
        justify-content: center;
        margin: auto;
    }

    .thirdpart > div {
        width: 85%;
        margin: auto;
    }

    .secondpart > div {
        width: 85%;
        margin: auto;
    }

    .firstline {
        width: 85%;
        margin: auto;
    }



    .slideurun {
        margin-top: 15px;
    }

    .urunBanner.seftali {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
        top: 26%;
    }

    .uretimText > div > p {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
    /*LAYOUT*/
    .foot2 > ul {
        grid-template-columns: auto;
    }

    .foot3 {
        margin: 0 auto;
    }

    .navclass > ul > *:not(.sabitMenu2) {
        display: none;
    }

    .dilDropdown .dropdown {
        margin-left: 27px;
        margin-top: 250px;
        margin-left: 103px;
        margin-top: 62px;
        position: initial;
        margin: 10px;
        padding: 0 !important;
        box-shadow: none !important;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
        width: 68vw;
    }

    .verticalLines {
        position: initial !important;
        height: auto;
        border: none;
        padding: 0px;
        display: list-item;
    }

    .searchDiv {
        position: initial !important;
        margin-right: 8px;
    }
    /*LAYOUT END*/

    .section3 > div {
        grid-template-columns: minmax(60px,123px) minmax(60px,123px) minmax(60px,123px) minmax(60px,123px);
        justify-items: center;
    }

    .section7 > div {
        display: grid;
        grid-template-columns: 40% 40%;
        grid-row-gap: 43px;
    }


    .slidetext.nektarin {
        /*left: 5vw;
        width: 90%;*/
        left: 4vw;
        width: 93%;
        top: 53%;
    }

    .section1 {
        margin: 0 auto;
    }

    .slidetext.ayva {
        /*top: 310px;*/
        text-align: center;
        left: 5vw;
        width: 90%;
        top: 29%;
    }

    .slidetext.seftali {
        /*top: 310px;*/
        text-align: center;
        left: 5vw;
        width: 90%;
    }

    .lastpart img {
        width: 100%;
    }

    .map-responsive {
        padding-bottom: 65.25%;
    }

    .dunya img {
        width: 70%;
    }

    .uretimText > div {
        padding-top: 70px;
        width: 85%;
        margin: auto;
    }

    .uretimImg img {
        padding-top: 50px;
        width: 85%;
    }

    .thirdpart > div {
        width: 90%;
    }

    .secondpart > div {
        width: 90%;
        margin: auto;
    }

    .firstline {
        width: 90%;
        margin: auto;
    }

    .lastpart > div {
        width: 90%;
        margin: auto;
    }

    .urunBanner.nektarin {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
        top: 35%;
    }

    .urunistiyoruz {
        /*display: block;*/
        grid-template-columns: 45% 45%;
        /*justify-content: center;*/
    }

    .smallTo2Cols {
        display: none;
    }



    .hizmetistiyoruz {
        /*display: block;*/
        /*justify-content: center;*/
        grid-template-columns: 45% 45%;
    }

    .form3birim {
        grid-column: span 2;
    }

    .ekipistiyoruz {
        /*display: block;*/
        /*justify-content: center;*/
        grid-template-columns: 45% 45%;
    }

    .UrunInputElement {
        /*padding-top: 15px;*/
    }

    .HizmetInputElement {
        /*padding-top: 15px;*/
    }

    .EkipInputElement {
        /* padding-top: 15px;*/
    }

    .birliktecalisalim a {
        max-width: 140px;
        display: block;
    }

    .images1 {
        grid-gap: 30px;
    }

    .uretimText > div > p {
        width: 65%;
    }

    .slideshow {
        width: 86% !important;
        min-height: 203px;
    }
}

@media screen and (max-width: 540px) {
    /*LAYOUT*/
    .menu-icon {
        left: 30px;
    }

    .searchBar {
        top: 101px !important;
        right: 0px !important;
    }

    .searchVerticalLines {
        border: 1px solid #d8d7d7 !important;
    }

    #navbarLogo {
        z-index: 9999;
    }
    /*LAYOUT END*/
    .galimg {
        height: 21vw;
    }

    .images1 {
        grid-template-columns: minmax(auto,205px) minmax(auto,205px);
    }

    .tabDivRight {
        background-size: cover;
        height: 555px;
    }

    .section4text {
        margin: 0 auto;
        width: 90%;
    }

    .slidetext.nektarin {
        /*top: 519px;*/
        font-size: 22px;
        line-height: 30px;
        top: 52%;
    }
    .slidetext.erik {
        top: 39%;
    }
    .slidetext.bal {
        left: 8vw;
        font-size: 52px;
        line-height: 55px;
        top: 33%;
        color: deepskyblue;
    }

    .slidetext.elma {
        left: 8vw;
        width: 300px;
        font-size: 46px;
        line-height: 50px;
    }

    .slidetext.ceviz {
        left: 35vw;
        width: 275px;
        font-size: 36px;
        line-height: 50px;
    }

    .slidetext.seftali {
        /*top: 285px;*/
        font-size: 36px;
        line-height: 50px;
        top: 30%;
    }
    .slidetext.uzum {
        /* top: 285px; */
        font-size: 41px;
        line-height: 50px;
        top: 30%;
        width: 627px;
        left: 9%;
        color: white;
    }
    .slidetext.cilek {
        font-size: 36px;
        line-height: 45px;
        top: 30%;
        color: white;
        width: 427px;
    }
    .urunBanner.cilek {
        width: 523px;
        position: relative;
        top: 37%;
        left: 2%;
    }
    .slidetext.nar {
        /* top: 285px; */
        font-size: 38px;
        color: white;
        line-height: 46px;
        top: 30%;
        left: 23%;
    }
    .urunBanner.nar {
        width: 554px;
        position: relative;
        top: 30%;
        left: 1%;
    }
    .phototab {
        width: 80%;
        grid-template-columns: auto auto;
        /*grid-gap: 20px;*/
    }

    .mediatab a {
        grid-template-columns: auto;
        grid-gap: 20px;
        width: 80%;
    }

    .videotab a {
        grid-template-columns: auto;
        grid-gap: 20px;
        width: 80%;
    }

    .map-responsive {
        padding-bottom: 70.25%;
    }

    .urunBanner.elma {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
    }

    .urunBanner.ceviz {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
    }

    .urunBanner.erik {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
        top: 33%;
    }

    .urunBanner.ayva {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
    }


    .urunBanner.seftali > span {
        font-size: 38px;
        line-height: 47px;
    }


    .urunBanner.nektarin > span {
        font-size: 35px;
        line-height: 48px;
    }

    .urunBanner.bal {
        width: 90%;
        left: 0vw;
        margin: 0 auto;
        text-align: center;
    }

    .urunistiyoruz {
        grid-template-columns: 90%;
    }

    .smallTo1Col {
        display: none;
    }

    .hizmetistiyoruz {
        grid-template-columns: 90%;
    }

    .form3birim {
        grid-column: span 1;
    }

    .ekipistiyoruz {
        grid-template-columns: 90%;
    }

    .uretimText > div > p {
        width: 80%;
    }

    .sertifikaslide {
        width: 86%;
    }
}


@media screen and (max-width: 414px) {
    .secondpart h1 {
        font-family: 'Proxima Nova Bold';
        font-size: 20px;
        padding-top: 12px;
    }

    .section7 > div {
        display: block;
    }

        .section7 > div > div {
            padding-top: 12px;
        }

    .phototab {
        width: 80%;
        grid-template-columns: auto;
        /*grid-gap: 20px;*/
    }

    .lastpart img {
        width: 83%;
    }

    .map-responsive {
        padding-bottom: 100%;
    }

    .uretimText > div > p {
        width: 100%;
    }

    .galimg {
        height: 40vw;
    }

    .formunspani {
        width: 100%;
        text-align: center;
    }
}


@media screen and (max-width: 375px) {

    .slidetext.nektarin {
        /*top: 519px;*/
        font-size: 21px;
        line-height: 24px;
        top: 53%;
    }
}



/* ÇOK BÜYÜK EKRANLAR */
/*@media screen and (min-width: 1921px) {
    html {
        width: 1920px;
        margin: 0 auto;
    }

    .navclass {
        width: 1567px;
    }

    .galimg {
        height: 173px;
    }

    .phototab {
        grid-gap:40px;
    }
}*/
@media screen and (min-width: 1921px) {
    .HomeBannerElement {
        height: 42vw;
    }

    .bx-viewport {
        height: 57vw !important;
    }

    .bx-wrapper {
        height: 53vw;
    }

    .bx-controls {
        position: absolute;
        width: 100%;
        top: 98%;
    }

    .section1 {
        /*margin-bottom: 11%;*/
    }


    .vid {
        height: 34vw;
    }

    .contact input[type=text], select {
        width: 497px !important;
    }

    #textareacontact {
        width: 497px !important;
    }

    .gonderbuton {
        /* width: 497px; */
    }

    .contact input[type=text], select {
        padding: 22px 2px;
        margin: 7px 3px;
        display: inline-block;
        border: 1px solid #bbbbbb;
        box-sizing: border-box;
        font-family: ProximaNova-Regular;
        color: #000;
        font-size: 19px;
    }

    .contact .ContactTextArea {
        width: 100% !important;
        height: 238px;
        padding: 7px 2px;
        margin: 8px 0px;
        display: inline-block;
        border: 1px solid #bbbbbb;
        font-family: ProximaNova-Regular;
        color: black;
        resize: vertical;
        font-size: 19px;
    }

    .gonderbuton input {
        /* width: 146px; */
        /* background-color: transparent; */
        /* padding: 20px 0px; */
        /* border: 1px solid #bbbbbb; */
        /* font-size: 17px; */
    }

    .sec7text p {
        /*font-size: 20px;*/
    }

    .section7 > div {
        /* grid-column-gap: 86px;*/
    }

    .sec7text span {
        /*font-size: 21px;*/
    }

    .section7 > div {
        /*grid-template-columns: minmax(13%,235px) minmax(10%,235px) minmax(11%,235px) minmax(12%,235px);
        justify-content: center;
        padding-bottom: 124px;
        padding-top: 300px;*/
        /* width: 53%; */
        /*grid-column-gap: 86px;*/
    }
}

@media screen and (min-width: 2560px) {
    .slidetext.elma {
        width: 460px;
        line-height: 76px;
        top: 36%;
        left: 66%;
        font-size: 75px;
    }

    .slidetext.ceviz {
        width: 572px;
        line-height: 76px;
        top: 35%;
        font-size: 75px;
    }

    .cevizspan {
        font-size: 85px;
    }

    .slidetext.erik {
        /* width: 572px; */
        line-height: 81px;
        /* top: 35%; */
        font-size: 80px;
        top: 21%;
        left: 13vw;
    }

    .erikspan {
        font-size: 85px;
    }

    .slidetext.ayva {
        width: 850px;
        line-height: 76px;
        top: 46%;
        left: 60%;
        font-size: 73px;
    }

    .slidetext.seftali {
        width: 941px;
        line-height: 80px;
        top: 35%;
        /* left: 66%; */
        font-size: 73px;
    }

    .slidetext.nektarin {
        max-width: 1839px;
        line-height: 60px;
        top: 54%;
        left: 9%;
        font-size: 54px;
    }

    .slidetext.bal {
        /* width: 850px; */
        line-height: 76px;
        /* top: 46%; */
        /* left: 60%; */
        font-size: 73px;
    }
    .slidetext.nar {
        max-width: 1839px;
        line-height: 60px;
        top: 54%;
        left: 9%;
        font-size: 54px;
    }
    .slidetext.uzum {
        max-width: 1839px;
        line-height: 60px;
        top: 54%;
        left: 9%;
        font-size: 54px;
    }
    .slidetext.cilek {
        max-width: 1839px;
        line-height: 60px;
        top: 54%;
        left: 9%;
        font-size: 54px;
    }


    .balspan {
        font-size: 117px;
        line-height: 103px;
    }

    .urunp {
        font-size: 16px;
        line-height: 24px;
    }

    .formunspani {
        /* width: 71%; */
        /* margin: auto; */
        /* padding-top: 25px; */
        /* font-family: ProximaNova-Regular; */
    }

    .urunistiyoruz {
        /* display: grid; */
        grid-template-columns: minmax(0,585px) minmax(0,585px) minmax(0,585px);
        grid-gap: 1.3vw;
    }

    .hizmetistiyoruz {
        display: grid;
        grid-template-columns: minmax(0,585px) minmax(0,585px) minmax(0,585px);
        grid-gap: 1.3vw;
    }

    .ekipistiyoruz {
        display: grid;
        grid-gap: 1.3vw;
        grid-template-columns: minmax(0,585px) minmax(0,585px) minmax(0,585px);
    }

    .formunspani {
        /* width: 80%; */
    }

    .birliktecalisalim a {
        /* color: black; */
        /* font-family: ProximaNova-Regular; */
        font-size: 16px;
    }

    .urunSpan {
        /* font-size: 20px; */
    }

    .UrunInputElement > input {
        /* width: 100%; */
        /* font-size: 18px; */
    }

    .HizmetInputElement > input {
        /* width: 100%; */
        /* font-size: 18px; */
    }

    .EkipInputElement > input {
        /* width: 100%; */
        /* font-size: 18px; */
    }
}

@media screen and (min-width: 3840px) {
    .slidetext.elma {
        width: 615px;
        line-height: 110px;
        top: 40%;
        font-size: 105px;
    }

    .slidetext.ceviz {
        width: 760px;
        line-height: 105px;
        top: 40%;
        font-size: 100px;
    }

    .cevizspan {
        font-size: 110px;
    }

    .slidetext.erik {
        /* width: 760px; */
        line-height: 105px;
        top: 17%;
        font-size: 100px;
        left: 14vw;
    }

    .erikspan {
        font-size: 110px;
    }

    .slidetext.ayva {
        width: 1135px;
        line-height: 100px;
        top: 48%;
        left: 66%;
        font-size: 95px;
    }

    .slidetext.seftali {
        width: 1253px;
        line-height: 110px;
        top: 38%;
        left: 11vw;
        font-size: 95px;
    }

    .slidetext.nektarin {
        max-width: 2390px;
        line-height: 78px;
        top: 56.7%;
        left: 18%;
        font-size: 70px;
    }

    .slidetext.bal {
        /* width: 1135px; */
        line-height: 105px;
        /* top: 48%; */
        left: 16%;
        font-size: 100px;
    }
    .slidetext.cilek {
        max-width: 2390px;
        line-height: 78px;
        top: 56.7%;
        left: 18%;
        font-size: 70px;
    }
    .slidetext.nar {
        max-width: 2390px;
        line-height: 78px;
        top: 56.7%;
        left: 18%;
        font-size: 70px;
    }
    .slidetext.uzum {
        max-width: 2390px;
        line-height: 78px;
        top: 56.7%;
        left: 18%;
        font-size: 70px;
    }


    .balspan {
        font-size: 154px;
        line-height: 130px;
    }

    .contact input[type=text], select {
        padding: 31px 2px;
        margin: 8px 3px;
        display: inline-block;
        border: 1px solid #bbbbbb;
        box-sizing: border-box;
        font-family: ProximaNova-Regular;
        color: #000;
        font-size: 25px;
    }

    #textareacontact {
        width: 683px !important;
    }

    .contact input[type=text], select {
        width: 683px !important;
    }

    .contact .ContactTextArea {
        width: 100% !important;
        height: 320px;
        font-size: 25px;
    }

    .gonderbuton input {
        width: 188px;
        background-color: transparent;
        padding: 29px 0px;
        border: 1px solid #bbbbbb;
        font-size: 22px;
    }

    .sec7text p {
        font-size: 25px;
    }

    .section7 > div {
        grid-column-gap: 86px;
    }

    .sec7text span {
        font-size: 28px;
    }

    .gonderbuton {
        width: 682px;
    }

    .contact {
        display: grid;
        grid-template-columns: 46% 50%;
        grid-gap: 20px;
    }

    .anonim {
        font-size: 33px;
    }

    .adres p {
        font-size: 29px;
    }

    .contactspan {
        font-size: 33px;
    }

    .foot2 > ul {
        width: 34%;
    }

        .foot2 > ul > li > a {
            font-size: 24px;
        }

    .foot3 {
        font-size: 24px;
    }

    .contactpage > div {
        grid-column-gap: 231px;
    }

    .navclass > ul {
        max-width: 2256px;
        font-size: 21px;
    }

    .secondpart > div {
        width: 75%;
        margin: auto;
    }

    .firstline {
        width: 75%;
        margin: auto;
    }

    .secondpart {
        height: 81px;
        background-color: #e8e8e8;
    }

        .secondpart h1 {
            font-family: 'Proxima Nova Bold';
            font-size: 40px;
            padding-top: 20px;
        }

    .firstline span {
        font-size: 22px;
    }

    .urunp {
        font-size: 27px;
        font-family: ProximaNova-Regular;
    }

    .thirdpart p {
        font-family: ProximaNova-Regular;
        width: 90%;
    }

    .thirdpart > div {
        width: 75%;
        margin: auto;
    }

    .firstline2 {
        width: 75%;
        margin: auto;
        font-size: 23px;
    }

    .thirdpart span {
        font-size: 113px;
    }

    .urunp {
        font-size: 35px;
    }

    .urunBanner.elma {
        width: 280px;
        position: relative;
        top: 23%;
        left: 35%;
    }

    .slideurun span {
        font-size: 77px;
    }

    .navclass {
        height: 134px;
        margin-top: 89px;
        width: 79%;
    }

    .firstline2 span {
        font-size: 25px;
    }

    .navclass > ul {
        max-width: 2324px;
        font-size: 25px;
    }

    .birliktecalisalim a {
        font-size: 32px;
    }

    .urunistiyoruz {
        grid-template-columns: minmax(0,821px) minmax(0,821px) minmax(0,821px);
    }

    .hizmetistiyoruz {
        grid-template-columns: minmax(0,821px) minmax(0,821px) minmax(0,821px);
    }

    .ekipistiyoruz {
        grid-template-columns: minmax(0,821px) minmax(0,821px) minmax(0,821px);
    }

    .UrunInputElement > input {
        width: 100%;
        font-size: 27px;
    }

    .urunSpan {
        font-size: 30px;
    }

    .formunspani {
        width: 76%;
    }

    .HizmetInputElement > input {
        width: 100%;
        font-size: 27px;
    }

    .EkipInputElement {
        width: 100%;
        font-size: 27px;
    }

    .gonderbuton input {
        width: 212px;
        background-color: transparent;
        padding: 29px 0px;
        border: 1px solid #bbbbbb;
        font-size: 25px;
    }

    .file {
        font-size: 23px;
    }

    .grupmedya a {
        font-size: 32px;
    }

    .mediatab {
        max-width: 2315px;
        margin: 0 auto;
        margin-top: 51px;
    }

    .baslik {
        font-size: 31px;
        padding-top: 20px;
    }

    .medya p {
        font-size: 30px;
    }

    .medya span {
        font-size: 35px;
    }

    .galimg {
        max-width: 100%;
        height: 12vw;
        object-fit: contain;
    }

    .grupmedya a {
        font-size: 32px;
    }

    .videotab {
        max-width: 2515px;
    }

    .firstline > div {
        font-size: 28px !important;
    }

    .yasalcontent {
        width: 75%;
        margin: auto;
        font-size: 30px;
    }

        .yasalcontent span {
            font-family: 'Proxima Nova Bold';
            font-size: 42px;
        }

    .firstline span {
        font-size: 28px;
    }

    .text1 {
        max-width: 1792px;
        margin: 0 auto;
    }

        .text1 h1 {
            font-size: 48px;
        }

    .section2 {
        /*top: -432px;*/
    }

    .text1 p {
        font-size: 30px;
    }

    .imagestext2 {
        padding-top: 18px;
        font-family: ProximaNova-Regular;
        font-size: 25px;
    }

    .imagestext {
        padding-top: 35px;
        font-family: ProximaNova-Regular;
        font-size: 25px;
    }

    .section3 > span {
        font-family: ProximaNova-Regular;
        font-size: 53px;
    }

    .section3text span {
        font-family: ProximaNova-Regular;
        font-size: 35px;
    }

    .section3 > div {
        display: grid;
        /* grid-template-columns: 123px 123px 123px 123px 123px 123px 123px; */
        grid-template-columns: minmax(150px,203px) minmax(150px,203px) minmax(150px,203px) minmax(150px,203px) minmax(150px,203px) minmax(150px,203px) minmax(150px,203px);
        padding-top: 60px;
        grid-gap: 51px;
        justify-content: center;
        /* align-items: center; */
    }

        .section3 > div > div {
            display: inline-grid;
            align-items: center;
            /* height: 178px; */
            max-height: 358px;
        }

    .mai {
        background-size: contain;
        background-position-y: 320px;
        background-position-x: -705px;
    }

    .section3 {
        /*margin-top: -363px;*/
    }

    .section4 > div {
        grid-template-columns: 690px 844px;
    }

    .tabDivRight {
        right: -200%;
        height: 746px;
    }

    .section4text {
        font-size: 20px;
        width: 501px;
        margin-right: 40px;
    }

    .section5text {
        font-size: 29px;
    }

        .section5text span {
            font-family: ProximaNova-Regular;
            font-size: 55px;
        }

        .section5text p {
            padding-top: 30px;
            font-family: ProximaNova-Regular;
            font-size: 29px;
        }

    .section5 {
        grid-template-columns: minmax(27%,460px) 919px;
        grid-gap: 182px;
        padding-top: 205px;
    }

    .section6text span {
        font-size: 46px;
        font-family: ProximaNova-Regular;
    }

    .section6text img {
        width: 100%;
    }

    .section6text p {
        font-size: 27px;
        font-family: ProximaNova-Regular;
        line-height: 44px;
    }

    .section6Button {
        font-size: 25px;
    }

    .section6 > div {
        display: grid;
        /* grid-template-columns: 56% 44%; */
        grid-template-columns: minmax(25%,500px) 53%;
        justify-content: end;
        align-items: center;
        /* padding-top: 318px; */
        padding-top: calc(8% + 50px);
    }

    .bx-controls {
        top: 87%;
    }
}