@media (max-width: 769px) {


    body {}

    /*** Header ****/
    header {height: 150px;}
    header:before {display: none;}

    .header {height: 100px;}

    .header-top {display: none;}
    .header-menu {display: none;}
    .header-other-menu {display: none;}

    .logo {height: 100px;line-height: 100px;text-align: left;padding: 0;position: relative;margin: 0;}
    .logo img {max-width: 60%;max-height: 100%;}
    .logo:before {display: none;}
    .logo:after {display: none;}

    .mobile-top {display: block; }
    .mobile-menu-button {display: block;}
    ul.mobile-topmenu {display: block;}


    .products-dropdown ul li a {padding: 0 10px !important;color: #fff;border-top: 1px solid rgba(255,255,255,0.3);}
    .products-dropdown ul li i {width: auto;height: 30px;line-height: 30px;float: left;color: #fff;}
    .products-dropdown ul li b {width: auto; height: 30px; line-height: 30px; float: left; }
    .products-dropdown ul li:nth-child(1) a, .products-dropdown ul li:nth-child(2) a {
        border-top: 1px solid rgba(255,255,255,0.3);
    }


    .mobile-menu-button {display: block;}
    .mobile-menu-area {
        display: none;
    }
    .mobile-menu-area.active {
        display: block;
    }

    .mobile-menu > ul > li > a > i {display: none;}

    .menu-dropdown {position: relative;display: none;top: auto;left: auto;background: #fff;box-shadow: none;padding: 15px 0;}
    .menu-dropdown ul li {width: 100%;background: none;height: auto;font-size: 16px;}
    .dropdown-banner {display: none;}
    .menu-dropdown ul {margin-bottom: 0; overflow: hidden;}
    .menu-dropdown ul li:nth-child(2) a {border-top: none;}
    .menu-dropdown ul li a {border-top: none;color: #000;padding: 5px 30px;display: block;overflow: hidden;}

    .mobile-menu > ul > li > a {display: block;padding: 14px 25px;position: relative;}
    .menu-dropdown ul li b {width: 100%;line-height: 20px;height: auto;}

    .mobile-menu > ul > li.has-dropdown {}
    .mobile-menu > ul > li.has-dropdown > a {}
    .mobile-menu > ul > li.has-dropdown > a:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        background: #fff;
        right: 29px;
        top: 26px;
        transition: all 100ms ease-in;
    }
    .mobile-menu > ul > li.has-dropdown > a:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 21px;
        background: #fff;
        right: 38px;
        top: 17px;
        transition: all 100ms ease-in;
    }
    .mobile-menu > ul > li.has-dropdown.active > a:before {}
    .mobile-menu > ul > li.has-dropdown.active > a:after {height: 0; top: 50%;}

    .mobile-menu > ul > li.has-dropdown {}
    .mobile-menu > ul > li.has-dropdown.active .dropdown-menu {display: block;}

    .dropdown-menu {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        padding: 20px;
        border-radius: 0;
        float: none;
    }
    .dropdown-menu ul {
        padding: 0 70px 0 0;
        /* width: 100%; */
        min-height: auto;
    }
    .dropdown-menu ul li span {
        width: 60px;
        height: 60px;
        top: auto;
        bottom: 0;
        line-height: inherit;
    }
    .dropdown-menu ul li span img {
        max-width: none;
        max-height: none;
        width: 100%;
        height: 100%;
    }



    .customer-panel-button {display: none;}

    ul.mobile-topmenu li.active {display: block;}
    ul.mobile-topmenu li.active a {color: #000;}

    .header-lang-menu {display: none;}
    .main-categories-section {overflow: hidden;padding: 50px 0;}

    .banner-title-area:before {width: 50%;display: none;}
    .banner-title-area:after {width: 20%;display: none;}

    /*** Section ****/
    .main-banner-slider {height: 250px;margin-bottom: 35px;}
    .main-banner-slider:before {display: none;}
    .main-banner-slider:after {display: none;}
    .banner-section {height: 250px;position: relative;}
    .banner-section video {height: 450px; width: 100%; object-fit: cover; }

    .banner-section .container {position: relative;height: 100%;}
    .banner-section .container .row {position: initial;}
    .banner-section .container .col-md-4 {position: initial;}

    .banner-area {
        padding: 0;
        bottom: 0;
        top: 0;
    }
    .banner-title-area {padding: 20px;position: absolute;left: 0;bottom: 0;height: auto;z-index: 999;/* background: #000; */overflow: hidden;opacity: 0.9;}
    .banner-title-area h4 {font-size: 13px;padding-left: 0;margin-bottom: 10px;}
    .banner-title-area h4:before {height: 1px;width: 30px;display: none;}
    .banner-title-area h3 {font-size: 25px;margin-bottom: 10px;}
    .banner-title-area p {font-size: 14px;font-weight: 400;margin-bottom: 10px;-webkit-line-clamp: 2;}
    .banner-button {}
    .banner-button a {height: 34px;line-height: 34px;font-size: 13px;}
    .banner-button i {height: 40px;line-height: 40px;}
    .banner-button i:before {}

    .banner-photo-area {height: 250px;line-height: inherit;/* padding-top: 30px; */text-align: center;}
    .banner-photo-area a {height: 100%;}
    .banner-photo-area img {max-height: 100%;}

    .main-banner-slider .bx-wrapper .bx-pager  {bottom: -34px;background: no-repeat;width: auto;left: auto;right: 10px;min-width: auto;padding: 0;height: auto;}
    .main-banner-slider .bx-wrapper .bx-pager:before {display: none;}
    .main-banner-slider .bx-wrapper .bx-pager:after {display: none;}
    .main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a {background: #fff;margin: 0 2px;width: 16px;height: 16px;}

    .main-banner-slider .bx-wrapper .bx-pager  {bottom: -34px;background: no-repeat;width: auto;left: auto;right: 10px;min-width: auto;padding: 0;height: auto;}
    .main-banner-slider .bx-wrapper .bx-pager:before {display: none;}
    .main-banner-slider .bx-wrapper .bx-pager:after {display: none;}
    .main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a {background: #fff;margin: 0 2px;width: 16px;height: 16px;}

    .main-production-title {height: auto; }
    .main-production-title h2 {width: 100%;padding: 20px 20px 20px 0;height: auto;font-size: 30px;}

    .main-production-steps {position: relative;top: auto;left: auto;display: inline-block;width: 100%;padding-top: 40px;}
    .main-production-steps ul li {width: 100%; }
    .main-production-box {
        height: 250px;
    }
    .main-production-box a {
        padding: 20px;
    }
    .main-production-box i {
        height: 40px;
        line-height: 40px;
    }
    .main-production-box i:before {
        font-size: 50px;
    }
    .main-production-box h4 {
        font-size: 18px;
    }
    .main-production-box p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .main-production-slider-section {padding-top: 0;margin-top: -100px;}

    .main-production-slider {width: 100%;float: none;}
    .main-production-slider ul li {height: 300px;}

    .main-production-section {margin-bottom: 40px;}
    .main-export-information {padding: 0 0;margin-bottom: 30px;}
    .main-export-information-title {margin-bottom: 20px; }
    .main-export-information-title h3 {
        /* font-size: 45px; */
        line-height: 34px;
        height: auto;
        font-size: 30px;
    }
    .main-export-information-title h3 b {line-height: 34px;}
    .main-export-information-desc p {margin-bottom: 20px;}

    .main-category-box {margin-bottom: 40px; }


    .main-export-section {padding: 20px 0;margin-bottom: 30px;}
    .main-export-information-photo img {margin-top: 0;}

    .product-brands-section {padding: 20px 0;}

    .product-brands-slider ul li {width: 50%; float: left;}
    .product-brands-slider ul li:nth-child(even) {border-right: none;}
    .product-brands-slider ul li a {}
    .product-brands-slider ul li img {}


    .main-machines-section {/* padding-top: 75px; */}
    .machines-area-photo {
        height: 150px;
        margin-top: -75px;
    }
    .machines-area-title {}
    .machines-area-title h3 {font-size: 36px;}
    .machines-area-title h3 b {}
    .machines-title-section {height: auto; padding-bottom: 80px; }

    .machines-list .row {
        margin: 0 -5px;
    }
    .machines-list .col-xs-6, .machines-list .col-sm-6, .machines-list .col-md-3 {
        padding: 0 5px;
    }

    .machines-tab-menu {
        width: 100%;
        overflow-x: scroll;
    }
    .machines-tab-menu ul {display: block;width: max-content;overflow-y: inherit;}
    .machines-tab-menu ul li {width: auto; }
    .machines-tab-menu ul li.active {background: #dbdbdb;}
    .machines-tab-menu ul li a {padding: 0 30px;}
    .machines-tab-menu ul li.active a {background: #1747a1;  color:#fff;}
    .machines-tab-menu ul li a:hover {background: #1747a1; color:#fff;}
    .machines-tab-menu ul li.active a:hover {background: #1747a1; color:#fff;}

    .machine-box {
        height: 380px;
    }
    .machine-box-photo {
        height: 240px;
    }
    .machine-box-title {
        padding: 10px 20px;
    }
    .machine-box h4:before {
        left: -12px;
        border-width: 6px 0 6px 8px;
        top: 5px;
    }


    .actual-section {padding: 40px 0; }
    .actual-title h2 {width: 100%;padding-right: 20px;}

    .brands-section {padding: 50px 0;}
    .documents-area h4 {}
    .documents-area h4:before {display: none;}
    .documents-area h4:after {display: none;}

    .products-section {}
    .products-slogan {margin: 0;padding: 20px;width: 100%;min-height: auto;height: auto; display: none}
    .products-slogan:before {display: none;}
    .products-slogan span {display: none;}

    .main-products-list {padding: 0; }

    .processes-area {height: auto;display: inline-block;width: 100%;padding: 0;margin-bottom: 20px;}
    .processes-menu {width: 100%;float: none;height: auto; overflow-y: scroll;border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;}
    .processes-menu ul {width: 600px;}
    .processes-menu ul li {float: left; font-size: 25px;}
    .processes-menu ul li + li {margin-left: 20px;}
    .processes-menu ul li.active {}
    .processes-menu ul li a {}
    .processes-menu ul li b {position: relative;left: 0;top: auto;opacity: 1;font-size: 20px;/* display: inline-block; *//* float: left; *//* width: 30px; *//* height: 30px; *//* background: #0c1281; *//* border-radius: 50%; *//* text-align: center; *//* line-height: 30px; */}
    .processes-menu ul li.active b {font-size: 20px;}

    .processes-menu:before {display: none;}
    .processes-menu ul li:before {display: none;}
    .processes-menu ul li:after {display: none;}

    .processes-content-area {width: 100%; float: none; height: auto;}

    .processes-content {height: auto;overflow: hidden;}

    .processes-icon {float: right; display: none;}
    .processes-icon i {}
    .processes-icon i:before {}
    .processes-icon b {}
    .processes-icon b:before {}
    .processes-icon b:after {}
    .processes-icon:hover {animation: none;}

    .processes-description {padding: 20px 20px 20px 0; height: auto; width: 100%;}
    .processes-description p {font-weight: 400;}

    .processes-photo {position: relative;bottom: auto;left: auto;z-index: auto;}

    .processes-slogan {padding: 20px; height: auto; min-height: auto;}
    .processes-slogan:before {display: none;}

    .processes-section {margin-bottom: 40px;}
    .references-title {margin-bottom: 20px;}
    .references-section {margin-bottom: 20px; }

    .company-introduction-section {padding-top: 0;}
    .company-promotion-film {/* padding-top: 0; */ height: 300px; padding: 0;}

    .company-introduction-section {
        padding: 70px 0;
        background: rgb(233,229,217);
        background: linear-gradient(0deg, rgba(233,229,217,1) 35%, rgba(255,255,255,1) 35%);
        position: relative;
    }

    .actual-news-area {margin-bottom: 20px;}

    .actual-video-area {margin-bottom: 20px;}

    .footer-slogan-section {height: 220px;}

    /**** Inner ****/
    .inner-banner {height: auto;}
    .inner-banner:before {height: 30px;}
    .inner-banner:after {border-width: 15px 15px 15px 15px;}

    .fast-contact-section {margin-bottom: 50px;}
    .fast-contact-section:before {height: 40px; bottom: -40px;}
    .fast-contact-section:after {border-width: 20px 20px 20px 20px; bottom: -40px;}
    .fast-contact-icons {display: none;}
    .fast-contact {padding: 20px;}

    .fast-contact ul li {margin: 0 0 10px 0; }
    .fast-contact ul li + li {margin: 0;}

    .inner-title h2 {font-size: 32px;}

    .left-side {padding: 30px 20px;margin-bottom: 20px;display: none;}

    .list-section {background: none;}

    .sectors-area {padding: 30px 20px 10px 20px; height: auto; margin-bottom: 30px; background: #fbfaf7; }
    .sectors-area-title {padding-bottom: 30px; margin-bottom: 30px; }

    .sectors-list {}
    .sectors-list ul {display: inline-block; width: 100%; }
    .sectors-list ul li {width: 50%; }

    .products-list {padding-left: 0;padding-top: 0;}

    .information-section {height: auto;}
    .information-area {width: 100%; padding: 50px 20px;height: auto;}
    .information-photo {width: 100%; height: auto;}

    .references-summary-section {height:auto;}
    .references-summary-photo {display: none;}
    .references-summary {width: 100%; padding: 50px; height: auto;}
    .references-summary ul li {width: 50%; }

    .product-types-photos ul li {width: 50%;}

    .inner-body {padding-left: 0;}

    .inner-title-section {padding: 40px 0;margin-bottom: 0;}

    .machine-photo-slider {height: 500px;}
    .machine-photo-slider li {height: 500px;}
    .machine-title {height: 150px;padding: 20px;}

    .inner-title {margin-bottom: 30px;}

    .service-box {
        margin-bottom: 50px;
    }
    .service-box-photo {width: 100%;float: none;height: 220px;}
    .service-box-title {width: 100%;float: none;padding: 20px;height: 320px;}
    .service-box-title i {
        float: left;
        margin-right: 20px;
        height: 80px;
        margin-bottom: 0;
    }
    .service-box-title h4 {
        font-size: 35px;
        margin-bottom: 15px;
        height: 80px;
    }
    .service-box-title p {
        font-size: 18px;
        line-height: 25px;
        float: none;
        width: 100%;
    }
    .service-box:nth-child(even) .service-box-photo {float: none;}

    .detail-photos-slider {height: auto;margin-bottom: 10px;}
    .detail-photos-slider ul li {height: auto;}

    .detail-area {padding-bottom: 0;}

    .detail-title-area {padding: 20px; }
    .detail-title-area h1 {
        font-size: 35px;
    }
    .detail-title-area p {
        font-size: 20px;
    }

    .product-types {padding-top: 0;}
    .product-types h3 {padding: 20px; }
    .product-types p {padding: 0 20px;}

    .service {height: auto;}
    .service-title { height: auto; padding: 20px 20px;}

    .product-box {height: auto;}
    .product-box-title {padding: 0 30px 30px 30px;height: auto;}

    .news-box {height: auto; }
    .news-box-title {height: auto;}

    .list-statistics {
        margin-bottom: 10px;
    }
    .list-statistics ul {
        margin: 0 -5px;
    }
    .list-statistics ul li {width: 50%;padding: 0 5px;}
    .statistics-box {height: 100px;padding: 15px 40px 15px 15px;position: relative;margin-bottom: 10px;}
    .statistics-box i {position: absolute;right: 0;top: 0;/* display: block; */height: 98px;line-height: 98px;/* margin-bottom: 10px; *//* padding: 0 15px; */margin-bottom: 0;width: 50px;text-align: center;}
    .statistics-box i:before {font-size: 30px; }
    .statistics-box i img {height: 30px;}
    .statistics-box h5 {font-size: 20px;font-weight: 800;margin-bottom: 5px;}
    .statistics-box h4 {font-size: 17px;font-weight: 400;padding-right: 20px;}
    .statistics-box:hover {background: #a5d170; border-color: #a5d170; color: #fff; cursor: pointer; }

    .service-detail-photos {padding: 0;}
    .service-detail-photos ul {margin: 0 -5px; }
    .service-detail-photos ul li {width: 50%;padding: 0 5px;margin: 5px 0;}
    .service-detail-photos ul li a {height: 100px;}

    .form ul li > span > label.kvkk-check {width: 100%;}

    .document-box {height: auto;}

    /**** Footer *****/

    .company-introduction-section:before {display: none;}
    .company-introduction-section:after {display: none;}

    .footer-menu {display: none;}

    .footer-top {height: auto; margin-bottom: 20px;}
    .footer-top-content {height: auto;padding-top: 20px;/* text-align: center; */}
    .footer-logo {height: auto; padding-top: 0; text-align: center;line-height: inherit;margin-bottom: 10px;}

    .footer-social {text-align: center;}
    .footer-social ul {display: inline-block;}

    .footer-slogan-area {padding: 20px; }
    .footer-slogan-area h4 {width: 100%;margin-bottom: 20px;font-size: 26px;line-height: 30px;}
    .footer-slogan-area a {display: inline-block;float: none;height: 45px;line-height: 45px;}

    .footer {}

    .footer-info {text-align: center;}
    .footer-info-callcenter {}
    .footer-info-callcenter i {display: inline-block;float: none;}
    .footer-info-callcenter i:before {}
    .footer-info-callcenter h5 {display: inline-block;}

    .footer-info-list {padding: 0 70px;}
    .footer-info-list ul {}

    .footer-bottom {background: #0c1281; height: auto;padding: 20px 0;}

    .copyright {height: auto; text-align: center; }
    .copyright p {line-height: 30px; }

    .signature {line-height: 30px; height: auto; background: none;text-align: center;margin: 0;}
    .signature a {color: #fff;}

    .copyright-area {height: auto;border-top: none;color: #fff;}

    .copyright:before {display: none;}

    .popup {width: 80%;}
    .popup-head {height: auto;}
    .popup-bottom {height: 60px;  padding-right: 30px;}
    .popup-bottom h5 {padding: 10px; font-size: 14px; font-family: inherit; }

    .popup.video-popup {width: 90%;}
    .popup.video-popup .popup-head {height: 300px;}
    .popup iframe {height: 100%; }


    .close-popup { right: 0; top: -30px; width: 30px; height: 30px;  }
    .close-popup i {display: block; height: 28px; line-height: 28px; }
    .close-popup i:before {font-size: 12px;}

    .ustam-link {width: 70px; bottom: 120px}
    .card-link {width: 70px; bottom: 70px}
    .whatsapp-link {width: 70px;}


    /* @yvzyrlmz 2022 */

}

@media (min-width: 1600px) {
    .main-banner-slider {height: 950px;}
    .banner-section {height: 950px;}
    .banner-photo-area {height: 950px;}

}