@media only screen and (min-width: 1367px) and (max-width: 1440px) {

    /* ÜRÜNLER */
    .slide-heading {
        top: 360px;
    }

    .bottom {
        margin-top: -35px;
    }

    /*-------MENU--------*/
    #Layer_9 {
        left: -33px;
    }

    .swiper5 .swiper-slide img {
        width: 92%;
        height: auto;
    }

    .menu-detay1 .menu-detay-center::before {
        font-size: 22px;
        width: 30px;
        height: 25px;
        left: 25px;
    }

    #Layer_10 {
        left: 68px;
    }

    #Capa_1 {
        opacity: 0;
        width: 24px;
        height: 23px;
        left: 25px;
        top: 45.8%;
    }

    #Capa_2 {
        width: 26px;
        height: 26px;
    }

    .kapat {
        top: 0;
        left: 25px;
    }

    .menu-detay2-center {
        top: 28%;
    }

    .menu-detay-urun ul {
        top: 140%;
    }

    .menu-detay-urun ul li {
        padding: 8px 0;
        width: 120%;
    }

    .menu-detay-urun ul li a {
        left: 28%;
    }

    .menu-detay2-center h2:before {
        top: 25px;
    }

    .menu-detay-center h2:before {
        top: 25px;
    }

    .menu-detay2:hover h2::before {
        width: 40px;
        top: 25px;
    }

    .menu-detay:hover h2::before {
        width: 40px;
        top: 25px;
    }

    .menu-detay3::before {
        top: 29%;

    }

    .menu-detay3:hover::before {
        width: 40px;
        top: 29%;
    }

    /*--*/
    .ac {
        width: 100px !important;
    }

    .bottom-swiper {
        display: none;
    }

    /*-üretim-*/
    .uretim-arc {
        padding-left: 5%;
        padding-top: 0%;
    }

    .production-right h1 {
        margin-left: 5%;
    }

    .arc_text {
        width: 70%;
        font-size: 17px;
    }

    .uretim_icons {
        width: 20%;
    }

    .arc_text h4 {
        font-size: 22px;
    }
}

@media only screen and (width: 1280px) and (height: 1024px) {

    .next,
    .prev {
        top: 390%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {

    .home-content {
        height: 20%;
    }

    .nav-menu {
        margin-top: -100px;
    }

    .nav-logo-first-p {
        font-size: 45px;
    }

    .nav-logo-second-p {
        font-size: 15px;
        margin-top: -73px;
    }

    #Layer_9 {
        position: absolute;
        top: 4px;
        left: -40px;
    }

    #Layer_10 {
        left: 60px;
    }

    #Capa_1 {
        left: 18px;
        top: 43.2%;
        width: 25px;
        height: 25px;
    }

    #Capa_2 {
        width: 26px;
        height: 26px;
    }

    .kapat {
        top: 0;
        left: 20px;
    }

    .menu-detay-center {
        top: 32%;
    }

    .menu-detay2-center {
        top: 28.4%;
    }

    .menu-detay-urun ul {
        top: 150%;
    }

    .menu-detay-urun ul li {
        padding: 8px 0;
        width: 120%;
    }

    .menu-detay-urun ul li a {
        left: 28%;
    }

    .menu-detay1 .menu-detay-center::before {
        font-size: 22px;
        width: 28px;
        height: 25px;
        left: 20px;
    }

    .line {
        margin-top: -25px;
        margin-bottom: -10px;
    }

    /*-----HAKKINDA-----*/
    .right-content h1,
    .production-right h1 {
        font-size: 40px;
    }

    .about-arc {
        padding-top: 0%;
        margin-top: -2%;
    }

    .about_text {
        width: 100%;
    }

    .about_icons {
        width: 30%;
    }

    .about_text p {
        margin-bottom: 5%;
    }

    .arc-about-right {
        width: 35%;
    }

    .arc-about-right p {
        font-size: 15px;
        line-height: 24px;
    }

    .bottom-swiper {
        display: none;
    }

    .ac {
        width: 100px !important;
    }

    /*-----ÜRETİM------*/

    .production-left-section {
        padding-left: 5%;
    }

    .uretim2-arc {
        width: 70% !important;
    }

    .production-right-section {
        width: 40%;
    }

    .production-right h1 {
        margin-bottom: 0;
    }

    .uretim-arc {
        padding-left: 5%;
        padding-top: 0%;
    }

    .production-right h1 {
        margin-left: 5%;
    }

    .arc_text {
        width: 70%;
        font-size: 17px;
    }

    .uretim_icons {
        width: 20%;
    }

    .arc_text h4 {
        font-size: 22px;
    }

}

@media screen and (min-width: 1020px) and (max-width: 1024px) {
    .next {
        top: 250%;
    }

    .prev {
        top: 250%;
    }

    .bottom {
        margin-top: -47px;
    }
}

@media screen and (width: 1024px) and (height: 1366px) {

    .prev,
    .next {
        top: 400%;
    }

    .bottom {
        margin-top: 76px;
    }
}

@media only screen and (width: 834px) and (height: 1112px) {
    .main-slider .swiper-slide .slide-image {
        width: 100%;
        margin-top: 100px;
    }

    .slide-heading {
        bottom: 12%;
    }

    .bottom {
        margin-top: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

    /*-----menu------*/
    .menu-detay-foto,
    .menu-detay2-foto,
    .menu-detay1-foto,
    .menu-detay-urun {
        display: none;
    }

    .menu-detay01 {
        flex-direction: column;
        width: 100%;
    }

    .menu-detay1 {
        left: 0;
        top: 0;
        width: 100%;
    }

    .menu-detay2 {
        top: 0;
        width: 100%;
    }

    .menu-detay3 {
        display: none;
    }

    .menu-detay4 {
        top: 0;
        width: 100%;
    }

    .menu-detay5 {
        top: 0;
        width: 100%;
    }

    .menu-detay6 {
        width: 100%;
        top: 0;
    }

    .menu-detay-main {
        display: none;
    }

    .menu-detay2-center {
        top: 15%;
    }

    .menu-detay-center {
        top: 35%;
    }

    .responsive-menu {
        display: block;
        width: 100vw;
        height: 40%;
        position: fixed;
        background: #F568A3;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transition: all 0.5s;
        z-index: 110;
        border-width: 80%;
        overflow-y: scroll;
    }

    .responsive-menu.active {
        transform: translateY(0%);
        visibility: visible;
        opacity: 1;
        top: 60%;
        overflow-y: scroll;
    }

    .responsive-menu.active::before {
        display: block;
        position: relative;
        content: '';
        height: 2px;
        width: 80%;
        background: #fff;
        top: 0;
        margin: auto;
    }

    .responsive-menu ul {
        list-style: none;
        width: 80%;
        display: block;
        margin: auto;
        height: 90%;
    }

    .responsive-menu ul li {
        padding: 10px 0;
        position: relative;
        width: 113%;
        display: block;
        left: -9%;
    }

    .responsive-menu ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        text-align: center;
        display: block;
        font-family: 'Manrope', sans-serif;
    }

    .menu-detay4 i {
        position: relative;
        display: block;
        left: 10%;
        margin-top: -4.5%;
        color: #fff;
    }

    .menu-detay1 .menu-detay-center::before {
        display: none;
    }

    #browser_box {
        display: none;
    }

    .nav {
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav-logo {
        transform: rotate(0deg);
        margin-top: 0px;
        line-height: 75px;
    }

    .nav-logo-first-p {
        font-size: 45px;
        margin: 0;
        margin-left: 15px;
    }

    .nav-logo-second-p {
        font-size: 10px;
        margin-top: -12px;
        margin-left: 1px;
    }

    #Layer_9 {
        width: 55px;
        top: 18px;
        left: 15px;
    }

    .nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    .nav-menu {
        margin-top: 0px;
        width: auto;
    }

    .menu-name {
        display: none;
    }

    .nav-langue {
        position: absolute;
        top: 30px;
        right: 6%;
        width: auto;
        flex-direction: row;
        margin-right: 15px;
    }

    .nav-langue a {
        font-size: 8px;
        line-height: 20px;
    }

    .nav-langue-border-second {
        margin: 0px 10px;
        width: 20px;
        height: 20px;
    }

    .nav-langue-border-first {
        width: 20px;
        height: 20px;
    }

    .svg-menu {
        margin-top: -5px;
    }

    .menu-detay {
        display: block;
        width: 100vw;
        height: 92%;
        position: fixed;
        left: 0;
        right: 0;
        top: 75px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        transition: .5;
    }

    .menu-detay.active {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .swiper {
        position: relative;
        width: 90%;
        height: 90%;
        left: 0;
        top: -150px;
    }

    .home-content {
        height: 30%;
        width: 50%;
    }

    .home-content2 {
        margin-left: 8%;
        width: 88%;
        color: #4E4E4E;
    }

    .home-content2 p {
        font-size: 13px;
        max-width: 65%;
    }

    .home-content2 h1 {
        font-size: 35px;
        margin-top: -10px;
    }

    .home-content2 h4 {
        font-size: 15px;
    }

    .home-content2 a {
        font-size: 10px;
    }

    .left-swiper {
        display: none;
    }

    .bottom-swiper {
        display: block;
        position: relative;
        width: 100%;
        height: 100px;
        top: calc(100% - 100px);
    }

    .swiper7 {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 100;
    }

    .swiper7 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

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

    .slider-background {
        width: 100%;
        height: 100%;
        z-index: 110;
        opacity: .4;
    }

    .swiper8 {
        position: absolute;
        width: 150px;
        height: 60px;
        overflow: hidden;
        z-index: 110;
        margin-top: 23px;
        margin-left: 20%;
    }

    .swiper9 {
        width: 170px;
        height: 40px;
        margin-top: 35px;
        margin-left: 55%;
        overflow: hidden;
        position: absolute;
        z-index: 110;

    }

    .swiper9 .swiper-slide {
        background: none;
    }

    .left-swiper-about {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

    .left-swiper-about a {
        font-size: 15px;
        line-height: 35px;
    }

    .left-swiper-about-circle {
        width: 25px;
        height: 25px;
        top: 5px;
    }

    #Layer_6 {
        width: 14px;
        margin: 6px;
    }

    #Layer_1 {
        width: 23px;
        margin-top: 20px;
        right: 20px;
    }

    .swiper11 {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .swiper11 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

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

    /*-----------HAKKINDA-------------*/
    .nav-about {
        position: relative;
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav-about>.nav-logo {
        position: relative;
        transform: rotate(0deg);
        top: 0;
        margin: 10px 30px;
        height: 7%;
    }

    .nav-about>.nav-logo-first-p {
        font-size: 50px;
        margin: 0;
    }

    .nav-about>.nav-logo-second-p {
        font-size: 10px;
        margin-top: -12px;
        margin-left: 1px;
    }

    .nav-about>.nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    .nav-about>.nav-menu {
        margin-top: 10px;
    }

    .nav-about>.menu-name {
        display: none;
    }

    .nav-about>.nav-langue {
        position: absolute;
        top: 34px;
        display: flex;
        justify-content: flex-end;
        right: 8%;
    }

    .nav-about>.nav-langue a {
        font-size: 8px;
        line-height: 20px;
    }

    .nav-about>.nav-langue-border-second {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }

    .nav-about>.nav-langue-border-first {
        width: 20px;
        height: 20px;
    }

    .column_xl {
        flex-direction: column;
    }

    .about__content {
        flex-wrap: wrap;
        margin-left: 0px;
    }

    .left-img {
        position: relative !important;
        height: 400px;
        width: 100%;
    }

    .left-img img {
        display: none;
    }

    .right-content {
        margin-left: 0px;
        width: 100%;
        height: 75%;
    }

    .right-content h1,
    .production-right h1 {
        font-size: 40px;
        margin: 0px;
    }

    .about-arc,
    .contact-map {
        padding: 0px;
    }

    .about_icons {
        display: none;
    }

    .about_text {
        width: 90%;
        margin: auto;
        font-size: 18px;
    }

    .about_text p {
        margin-bottom: 5%;
    }

    /*--------ÜRÜNLER------------*/
    .nav-group {
        position: relative;
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav-group>.nav-logo {
        position: relative;
        transform: rotate(0deg);
        top: 0;
        margin: 10px 30px;
        height: 7%;
    }

    .nav-group>.nav-logo-first-p {
        font-size: 50px;
        margin: 0;
    }

    .nav-group>.nav-logo-second-p {
        font-size: 10px;
        margin-top: -12px;
        margin-left: 1px;
    }

    .nav-group>.nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    .nav-group>.nav-menu {
        margin-top: 10px;
    }

    .nav-group>.nav-langue {
        position: absolute;
        top: 34px;
        justify-content: flex-end;
        right: 8%;
        display: flex;
    }

    .nav-group>.nav-langue a {
        font-size: 8px;
        line-height: 20px;
    }

    .nav-group>.nav-langue-border-second {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }

    .nav-group>.nav-langue-border-first {
        width: 20px;
        height: 20px;
    }

    .left-group,
    .right-group {
        display: none;
    }

    .middle {
        width: 100%;
        height: 80%;
    }

    .bottom {
        width: 100%;
    }

    .bottom-line {
        width: 105px;
        display: block;
        margin: auto;
    }

    .swiper4 .swiper-slide img {
        width: 70%;
    }

    .main-slider {
        width: 100%;
        height: 75%;
    }

    .next {
        right: 10%;
    }


    .prev {
        left: 10%;
    }

    /*------------ÜRETİM----------*/
    .uretim1-section {
        margin-left: 0px;
        height: 90vh;
    }

    .uretim__content .uretim1-section:nth-child(1),
    .uretim__content .uretim1-section:nth-child(3) {
        flex-wrap: wrap;
    }

    .uretim__content .uretim1-section:nth-child(2) {
        flex-wrap: wrap-reverse;
    }

    .production-left,
    .production-right-section,
    .production-left-3,
    .contact-img {
        width: 100% !important;
        height: 400px !important;
    }

    .production-right {
        width: 100%;
    }

    .production-left-yazı-3 {
        margin-top: -250px;
    }

    .uretim_icons,
    .icons2 {
        display: none;
    }

    .uretim-arc,
    .production-left-section,
    .uretim-arc3,
    .four-section .arc_text {
        width: 90% !important;
        margin: auto !important;
        padding: 0px !important;
    }

    .arc_text {
        width: 100%;
        font-size: 18px;
    }

    .arc_text h4 {
        font-size: 20px;
    }

    .right-content h1,
    .production-right h1 {
        margin-left: 5%;
        margin-top: 10px;
    }

    .production-left-section {
        padding: 5% 0px;
    }

    /*---*/
    .four {
        flex-direction: column-reverse !important;
    }

    .five {
        flex-direction: column !important;
    }

    .four-section,
    .five-section {
        width: 100% !important;
        height: 400px !important;
    }

    /*---*/
    /*----İLETİŞİM-----*/
    .contact-img {
        margin-bottom: 30px;
    }

    .contact_form input,
    .contact_form textarea {
        width: 100%;
    }

    .contact-arc {
        padding: 0;
        margin: auto;
        margin-top: 30px;
        width: 70%;
    }

    .contact_text p,
    .contact_text a {
        margin-bottom: 3%;
    }

    .contact_form {
        margin-top: 5%;
    }

    .iletisim-title {
        margin-left: 15% !important;
    }

    /*map*/
    .contact-map {
        margin-left: 0;
        margin-top: 50%;
    }


}

@media screen and (max-width: 992px) {
    .uretim1-section {
        min-height: 1000px;
    }

    .third-section {
        min-height: 801px !important;
    }
}

@media only screen and (width: 962px) and (height: 601px) {
    .prev {
        top: 240%;
    }

    .next {
        top: 240%;
    }

    #bottom1 {
        width: 100%;
        margin-top: -35px;
    }
}

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

    /*-----menu-----*/
    .menu-detay-foto,
    .menu-detay2-foto,
    .menu-detay1-foto,
    .menu-detay-urun {
        display: none;
    }

    .menu-detay01 {
        flex-direction: column;
        width: 100%;
    }

    .menu-detay1 {
        left: 0;
        top: 0;
        width: 100%;

    }

    .menu-detay2 {
        top: 0;
        width: 100%;

    }

    .menu-detay3 {
        display: none;
    }

    .menu-detay4 {
        top: 0;
        width: 100%;
    }

    .menu-detay5 {
        top: 0;
        width: 100%;
    }

    .menu-detay6 {
        width: 100%;
        top: 0;
    }

    .menu-detay-main {
        display: none;
    }

    .menu-detay2-center {
        top: -15%;
    }

    .menu-detay-center {
        top: 25%;
    }

    .responsive-menu {
        display: block;
        width: 100vw;
        height: 40%;
        position: fixed;
        background: #F568A3;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transition: all 0.5s;
        z-index: 110;
        border-width: 80%;
        overflow-y: scroll !important;
    }

    .responsive-menu.active {
        transform: translateY(0%);
        visibility: visible;
        opacity: 1;
        top: 60%;
    }

    .responsive-menu.active::before {
        display: block;
        position: relative;
        content: '';
        height: 2px;
        width: 80%;
        background: #fff;
        top: 0;
        margin: auto;
    }

    .responsive-menu ul {
        list-style: none;
        width: 80%;
        display: block;
        margin: auto;
        height: 90%;
    }

    .responsive-menu ul li {
        padding: 10px 0;
        position: relative;
        width: 100%;
        display: block;
    }

    .responsive-menu ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        text-align: left;
        display: block;
        font-family: 'Exo 2', sans-serif;
    }

    .menu-detay4 i {
        position: relative;
        display: block;
        /*left: 22%;*/
        /*margin-top: -10%;*/
        left: 75px;
        margin-top: -35px;
        color: #fff;
    }

    .menu-detay1 .menu-detay-center::before {
        display: none;
    }

    .map {
        top: 150px;
    }

    /*-----index----*/
    #Capa_1 {
        display: none;
        fill: #000;
        position: fixed;
        margin: -15px 5px;
        width: 30px;
        height: 30px;
    }

    #browser_box {
        display: none;
    }

    .nav {
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: #fff;

    }

    .nav-logo {
        transform: rotate(0deg);
        margin-top: 0px;
        line-height: 75px;
        margin-left: 2%;
    }

    .nav-logo-first-p {
        font-size: 35px;
        margin: 0;
    }

    .nav-logo-second-p {
        font-size: 10px;
        margin-top: -12px;
        margin-left: 1px;
    }

    .nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    #Layer_9 {
        width: 50px;
        top: 19px;
        left: 19px;
    }

    .nav-menu {
        margin-top: 0px;
        width: auto;

    }

    .menu-name {
        display: none;
    }

    .nav-langue {
        position: absolute;
        top: 30px;
        right: 6%;
        width: auto;
        flex-direction: row;
        margin-right: 15px;
    }

    .nav-langue a {
        font-size: 7px;
        line-height: 20px;
    }

    .nav-langue-border-second {
        margin: 0px 10px;
        width: 20px;
        height: 20px;
    }

    .nav-langue-border-first {
        width: 20px;
        height: 20px;
    }

    .menu-detay {
        display: block;
        width: 100vw;
        height: 93%;
        position: fixed;
        left: 0;
        right: 0;
        top: 75px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        transition: .5;
    }

    .menu-detay.active {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .menu-detay ul {
        padding: 0px;
    }

    .menu-detay-footer-insta {
        margin: 0 10px;
        width: 20px;
        height: 20px;
    }

    .menu-detay-footer-facebook {
        width: 20px;
        height: 20px;
    }

    .menu-detay-footer-linkedin {
        width: 20px;
        height: 20px;
    }

    #Layer_8 {
        margin-top: -1px;
    }

    #Layer_2 {
        margin-top: 3px;
    }

    .menu-detay-footer-social {
        padding: 0;
    }

    .menu-svg {
        position: relative;
    }

    .swiper {
        position: relative;
        width: 100%;
        height: 90%;
        left: 0;
        top: -150px;
    }

    .home-content {
        height: 30%;
        width: 50%;
    }

    .home-content2 {
        margin-left: 5%;
        width: 88%;
        color: #4E4E4E;
    }

    .home-content2 p {
        font-size: 13px;
        max-width: 88%;
    }

    .home-content2 h1 {
        font-size: 35px;
        margin-top: -10px;
    }

    .home-content2 h4 {
        font-size: 15px;
    }

    .home-content2 a {
        font-size: 10px;
    }

    .left-swiper {
        display: none;
    }

    .bottom-swiper {
        display: block;
        position: relative;
        width: 100%;
        height: 100px;
        top: calc(100% - 100px);
    }

    .swiper7 {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 100;
    }

    .swiper7 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

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

    .slider-background {
        width: 100%;
        height: 100%;
        z-index: 110;
        opacity: .4;
    }

    .swiper8 {
        position: absolute;
        width: 150px;
        height: 60px;
        overflow: hidden;
        z-index: 110;
        margin-top: 20px;
        margin-left: 5%;
    }

    .swiper8 .swiper-slide {
        width: 100%;
        height: auto;
    }

    .swiper8 .swiper-slide img {
        width: auto;
        height: 110%;
    }

    .swiper9 {
        width: 135px;
        height: 30px;
        margin-top: 40px;
        margin-left: 50%;
        overflow: hidden;
        position: absolute;
        z-index: 110;
    }

    .swiper9 .swiper-slide {
        background: none;
    }

    .left-swiper-about {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

    .left-swiper-about a {
        font-size: 13px;
        line-height: 31px;
        margin-left: -5px;
    }

    .left-swiper-about-circle {
        width: 23px;
        height: 23px;
        top: 3px;
    }

    #Layer_6 {
        width: 13px;
        margin: 5px 6px;
    }

    #Layer_1 {
        position: static;
        fill: #B4003E;
        width: 23px;
        margin: 15px 0;
    }

    .svg-menu {
        margin-right: 15px;
        top: 5px;
    }

    .line {
        margin-top: -15px;
        margin-bottom: -10px;
    }

    .swiper11 {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .swiper11 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

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

    #Layer_5 {
        width: 10px;
    }

    /*----HAKKINDA------*/
    .nav-about {
        position: relative;
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav-about .nav-logo {
        position: relative;
        transform: rotate(0deg);
        top: 0;
        margin: 10px 30px;
        height: 7%;
    }

    .nav-about .nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    .nav-about .nav-menu {
        margin-top: 10px;
    }

    .nav-about .menu-name {
        display: none;
    }

    .nav-about .nav-langue {
        position: absolute;
        top: 34px;
        justify-content: flex-end;
        right: 15%;
        display: flex;
    }

    .nav-about .nav-langue a {
        font-size: 7px;
        line-height: 18px;
    }

    .nav-about .nav-langue-border-second {
        margin: 0px 5px;
        width: 18px;
        height: 18px;
    }

    .nav-about .nav-langue-border-first {
        width: 18px;
        height: 18px;
    }

    .column_xl {
        flex-direction: column;
    }

    .about__content {
        flex-wrap: wrap;
        margin-left: 0px;
    }

    .left-img {
        position: relative !important;
        height: 400px;
        width: 100%;
    }

    .left-img img {
        display: none;
    }

    .right-content {
        margin-left: 0px;
        width: 100%;
        height: 75%;
    }

    .right-content h1,
    .production-right h1 {
        font-size: 35px;
    }

    .about-arc,
    .contact-map {
        padding: 0px;
    }

    .about_icons {
        display: none;
    }

    .about_text {
        width: 90%;
        margin: auto;
        font-size: 17px;
    }



    /*------ÜRÜNLER-------*/
    .middle {
        height: 65%;
    }

    .next {
        right: 5%;
        top: 520%;
    }

    .prev {
        top: 520%;
        left: 5%;
    }

    .nav-group {
        position: relative;
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav-group>.nav-logo {
        position: relative;
        transform: rotate(0deg);
        top: 0;
        margin: 10px 30px;
        height: 7%;
    }

    .nav-group>.nav-logo-first-p {
        font-size: 50px;
        margin: 0;
    }

    .nav-group>.nav-logo-second-p {
        font-size: 10px;
        margin-top: -12px;
        margin-left: 1px;
    }

    .nav-group>.nav-logo-svg {
        position: relative;
        left: -33px;
        top: -15px;
    }

    .nav-group>.nav-menu {
        margin-top: 10px;
    }

    .nav-group>.nav-langue {
        position: absolute;
        top: 34px;
        justify-content: flex-end;
        right: 15%;
        display: flex;
    }

    .nav-group>.nav-langue a {
        font-size: 7px;
        line-height: 18px;
    }

    .nav-group>.nav-langue-border-second {
        margin: 0px 5px;
        width: 18px;
        height: 18px;
    }

    .nav-group>.nav-langue-border-first {
        width: 18px;
        height: 18px;
    }

    .left-group,
    .right-group {
        display: none;
    }

    .middle {
        width: 100%;
    }

    .swiper4 {
        width: 68%;
    }

    .bottom {
        margin-top: 25%;
        margin-left: 5px;
        width: 100%;
        height: auto;
    }

    .bottom-line {
        width: 105px;
        display: block;
        margin: auto;
    }

    .bottom p br {
        display: none;
    }

    /*----İLETİŞİM--------*/
    .contact-img {
        margin-bottom: 30px;
    }

    .contact_form input,
    .contact_form textarea {
        width: 100%;
    }

    .contact_form .btn-form {
        transform: translateX(0px);
        transform: translate(315px);
    }

    .contact-arc {
        padding: 0;
        margin: auto;
        margin-top: 30px;
        width: 90%;
    }

    .contact_text p,
    .contact_text a {
        margin-bottom: 3%;
        font-size: 18px;
    }

    .contact_form {
        margin-top: 5%;
    }

    .iletisim-title {
        margin-left: 5% !important;
    }

    /*map*/
    .contact-map {
        margin-left: 0;
    }

    .iletisim_icerik {
        min-height: 1100px;
    }

    /*------ÜRETİM-------*/
    .uretim1-section {
        margin-left: 0px;
        height: 90vh;
    }

    .uretim__content .uretim1-section:nth-child(1),
    .uretim__content .uretim1-section:nth-child(3) {
        flex-wrap: wrap;
    }

    .uretim__content .uretim1-section:nth-child(2) {
        flex-wrap: wrap-reverse;
    }

    .production-left,
    .production-right-section,
    .production-left-3,
    .contact-img {
        width: 100%;
        height: 450px;
    }

    .production-right {
        width: 100%;
    }

    .uretim_icons,
    .icons2 {
        display: none;
    }

    .uretim-arc,
    .production-left-section,
    .uretim-arc3 {
        width: 90%;
        margin: auto;
        padding: 0px;
    }

    .arc_text {
        width: 100%;
        font-size: 18px;
    }

    .arc_text h4 {
        font-size: 20px;
    }

    .production-left-section {
        padding: 5% 0px;
        height: 20%;
    }

    .uretim1-section {
        min-height: 1000px;
    }

    /*---*/

    .four {
        flex-direction: column-reverse !important;
    }

    .five {
        flex-direction: column !important;
    }

    .four-section,
    .five-section {
        width: 100% !important;
        height: 400px !important;
    }

    .four-section .arc_text {
        width: 90%;
        margin: auto;
        padding: 0px;
    }

    .ml {
        margin-left: 5px;
    }

    .right-content h1,
    .production-right h1 {
        margin-left: 5%;
        margin-top: 20px;
    }

    /*---*/
}

@media only screen and (width: 810px) and (height: 1080px) {
    .main-slider .swiper-slide .slide-image {
        width: 81% !important;
        margin-top: 134px !important;
    }
}

@media only screen and (width: 820px) and (height: 1180px) {
    .bottom {
        width: 100%;
        margin-top: 66px;
    }
}

@media only screen and (max-width: 800px) and (height: 1280px) {
    .slide-heading {
        bottom: 22%;
    }

    .slide-heading h1 span:nth-child(1) {
        font-size: 18px;
    }

    .bottom p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .bottom {
        width: 100%;
        margin-top: 22px;
    }
}

@media only screen and (width: 768px) and (height: 1024px) {

    .next,
    .prev {
        top: 390%;
    }
}

@media only screen and (width: 712px) and (height: 1138px) {
    .bottom {
        margin-top: 36%;
        margin-left: 5px;
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 650px) {
    .uretim1-section {
        height: 127vh;
    }

    .iletisim_icerik {
        min-height: 1000px;
    }

    .uretim1-section {
        min-height: 1148px;
    }

    .right-content h1,
    .production-right h1 {
        font-size: 30px;
        margin-bottom: 0 !important;
    }

    .production-left-ana-3 {
        min-height: 966px;
    }

    .production-left-yazi-3 {
        margin-top: -200px;
    }

    .production-left-ana-4 {
        min-height: 900px;
    }
}

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

    /*-----index------*/
    .nav-langue {
        right: 8%;
        margin-right: 20px;
    }

    .svg-menu {
        margin-top: 10px;
        margin-right: 10px;
    }

    /*----HAKKINDA-----*/
    .nav-about .nav-logo {
        margin: 10px 25px;
    }

    .about-arc {
        padding: 0px 10px;
    }

    /*üretim*/

    .right-content h1 {
        margin-left: 6%;
    }
}

@media only screen and (width: 540px) and (height:720px) {
    .next {
        top: 310%;
    }

    .prev {
        top: 310%;
    }

    #bottom1 {
        margin-top: 17%;
        margin-left: 11px;
        width: 97%;
        height: auto;
    }
}

@media only screen and (max-width: 540px) {
    .next {
        top: 465%;
    }

    .prev {
        top: 465%;
    }

    .bottom {
        margin-top: 18%;
        margin-left: 5px;
        width: 100%;
        height: auto;
    }
}

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

    /*alt bottom*/
    .slide-heading h1 span:nth-of-type(1) {
        font-size: 14px;
    }

    .bottom {
        margin-top: 130px;
        margin-left: 0px !important;
        width: 99% !important;
    }

    .bottom p {
        text-align: center;
        font-size: 15px;
        font-family: 'BodoniSvtyTwoITCTT-Book';
    }

    /*next-prev*/
    .prev,
    .next {
        top: 250px;
    }

    .prev {
        left: -5px !important;
    }

    .next {
        right: -5px !important;
    }

    /*ÜRETİM*/
    .uretim1-section {
        min-height: 1200px;
    }

    .iletisim_icerik {
        min-height: 1000px !important;
    }

}

@media screen and (max-width: 425px) {
    .uretim1-section {
        min-height: 1300px;
    }

    .third-section {
        min-height: 973px !important;
    }

    .nav-logo-first-p {
        margin-left: 10px;
    }

    /*----------iletişim-----------*/
    .contact_form .btn-form {
        transform: translateX(0px);
        transform: translateY(85px);
        width: 100% !important;
    }
}

@media only screen and (width: 428px) and (height: 926px) {
    .bottom {
        margin-top: 186px;
        margin-left: 0px !important;
        width: 99% !important;
    }
}

@media only screen and (width: 414px) and (height: 896px) {
    .bottom {
        margin-top: 310px;
    }
}

@media only screen and (width: 412px) and (height: 892px) {
    .bottom {
        margin-top: 310px;
    }
}

@media only screen and (width: 414px) and (height: 736px) {
    .bottom {
        margin-top: 146px;
    }

    .prev,
    .next {
        top: 157px;
    }
}

@media only screen and (max-width: 412px) and (height: 915px) {
    .bottom {
        margin-top: 304px;
    }
}

@media only screen and (max-width: 412px) and (height: 914px) {
    .bottom {
        margin-top: 304px;
    }
}

@media screen and (width: 393px) and (height: 873px) {
    .bottom {
        margin-top: 162px;
        margin-left: 0px !important;
        width: 99% !important;
    }
}

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

    .prev,
    .next {
        top: 211px;
    }
}

@media screen and (width: 384px) and (height: 640px) {
    .bottom {
        margin-top: 30px;
        margin-left: 0px !important;
        width: 99% !important;
    }

    .main-slider .swiper-slide .slide-image {
        top: -33px;
        width: 193px;
        position: relative;
    }
}

@media screen and (width: 390px) and (height: 844px) {
    .bottom {
        margin-top: 180px;
    }
}

@media screen and (max-width: 375px) {
    .uretim1-section {
        min-height: 1350px;
    }

    .production-left-ana-3 {
        min-height: 966px;
    }

    .production-left-ana-4 {
        min-height: 500px !important;
    }
}

@media screen and (width: 375px) and (height: 667px) {

    .prev,
    .next {
        top: 140px;
    }

    .bottom {
        margin-top: 66px;
        margin-left: 3px !important;
        width: 99% !important;
    }
}

@media screen and (width: 360px) and (height: 640px) {

    .prev,
    .next {
        top: 130px;
    }

    .bottom {
        margin-top: 56px;
        margin-left: 3px !important;
        width: 99% !important;
    }
}

@media screen and (width: 360px) and (height: 740px) {

    .prev,
    .next {
        top: 169px;
    }
}

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

    /*----------index---------*/
    .svg-menu {
        margin-left: 5px;
    }

    /*-----üretim------*/
    .uretim1-section:first-child {
        margin-bottom: 30px;
    }

    .uretim1-section {
        min-height: 1400px;
    }
}

@media screen and (width: 320px) {
    .main-slider .swiper-slide .slide-image {
        top: 5px;
        width: 258px;
        position: relative;
    }

    .bottom {
        margin-top: 248px;
        margin-left: 0px !important;
        width: 99% !important;
    }

    .slide-heading {
        width: 160%;
        bottom: -68px;
        position: relative;
    }
}

@media screen and (width: 320px) and (height: 658px) {

    .prev,
    .next {
        top: 130px;
    }

    .bottom {
        margin-top: 51px;
    }
}

@media screen and (width: 320px) and (height: 568px) {

    .prev,
    .next {
        top: 105px;
    }

    #bottom1 {
        margin-top: 25px;
    }
}

@media screen and (width: 320px) and (height: 480px) {

    .prev,
    .next {
        top: 173px;
    }

    .bottom {
        margin-top: 41px;
        margin-left: 0px !important;
        width: 99% !important;
    }
}