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

    .bilge-header {
        height: auto;
        border: unset;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group {
        padding: 15px 0 0px;
        border: unset;
    }

    .bilge-header.pages-header .bilge-head-main .bilge-head-main-group {
        border: unset;
        padding: 25px 10px 25px 0;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col .logo a img {
        width: 100px;
    }


    .menu-button {
        width: 40px;
        height: 40px;
    }

    .menu-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box .title {
        font-size: 35px;
        line-height: 40px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box .title span {}

    .swiper.swiper-hero-content .swiper-slide .hero-content-box p {
        max-width: 100%;
        font-size: 15px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box {
        padding: 0 0 0 40px;
    }

    .nav-container {}

    .nav-container .hero-navigation {
        left: 50px;
        top: unset;
        bottom: 50px;
        transform: translate(0, 0);
    }

    .bilge-navigation .navigation-group {
        width: 100px;
        flex-direction: row;
    }

    .bilge-navigation .navigation-group .swiper-navigation-button {}

    /* Hero slider okları mobilde sol tarafta, üstte sol altta sağ ok */
    .bilge-hero-media-only .bilge-navigation.hero-navigation {
        left: 20px;
        width: fit-content;
        height: fit-content;
        bottom: 0;
        top: unset;
        transform: translateY(-50%);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .bilge-hero-media-only .bilge-navigation.hero-navigation .container {
        position: relative;
        height: auto;
        padding: 0;
    }

    .bilge-hero-media-only .bilge-navigation .navigation-group {
        position: relative;
        right: unset;
        left: unset;
        width: auto;
        flex-direction: row;
        gap: 15px;
        border-right: none;
        transform: none;
        align-items: flex-start;
    }

    .bilge-hero-media-only .bilge-navigation .swiper-navigation-button {
        opacity: 1;
        visibility: visible;
    }

    .bilge-hero-media-only .bilge-navigation .swiper-navigation-button img{
    width: 18px;
}

    .bilge-features {
        margin: 50px 0 0;
    }

    .bilge-features .bilge-features-group {
        padding: 0;
    }

    .bilge-features .bilge-features-group .features-content h2 {
        font-size: 20px;
        text-align: center;
    }

    .bilge-features .bilge-features-group .features-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .bilge-features .bilge-features-group .row {
        row-gap: 20px;
        justify-content: center;
    }

    .bilge-systems {
        margin: 50px 0 0;
    }

    .systems-home-card {
        height: 400px;
    }

    .systems-home-card .content {
        width: 50px;
    }

    .systems-home-card .content h2 {
        font-size: 14px;
    }

    .bilge-head {
        flex-direction: column;
        gap: 30px;
    }

    .bilge-head h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .bilge-head h1 span {}

    .bilge-head .head-col {
        width: 100%;
    }

    .bilge-head .subtitle {
        font-size: 12px;
        margin: 0 0 10px;
    }

    .bilge-head h2 {}

    .bilge-head h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .bilge-head p {
        font-size: 13px;
    }

    .bilge-projects .head-filter {
        width: 100%;
        overflow-x: scroll;
    }

    .bilge-projects .head-filter::-webkit-scrollbar {
        display: none;
    }

    .bilge-projects .head-filter .head-filter-group {
        width: max-content;
    }

    .bilge-projects .head-filter .head-filter-group a {
        font-size: 12px;
        padding: 10px 20px;
    }

    .bilge-projects .head-navigation .navigation-group {
        justify-content: flex-start;
    }

    .bilge-projects .head-navigation {
        margin: 20px 0 0;
    }

    .swiper.swiper-projects {
        width: 100%;
    }

    .bilge-projects .bilge-head {
        margin: 0 0 25px;
    }

    .projects-home-card .content .tax {
        font-size: 13px;
        margin: 0 0 10px;
        display: block;
    }

    .projects-home-card .content h3 {
        font-size: 24px;
    }

    .projects-home-card .content .button .projects-button {
        width: 40px;
        height: 40px;
    }

    .projects-home-card .content .button .projects-button i {
        font-size: 18px;
    }

    .projects-home-card .content .button .projects-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .bilge-references {
        margin: -140px 0 0;
    }

    .bilge-references .bilge-references-head .bilge-head {
        flex-direction: row;
    }

    .bilge-references .head-navigation {
        position: relative;
        top: -15px;
    }

    .bilge-references .bilge-references-slider {
        padding: 0 0 100px;
    }

    .swiper.swiper-references {
        width: 100%;
    }

    .bilge-references .bilge-references-slider>p {
        max-width: 100%;
    }

    .bilge-products {
        margin: 0 0 50px;
    }

    .bilge-products .bilge-products-body .products-slider-group {
        flex-direction: column;
        height: auto;
    }

    .bilge-products .bilge-products-body .products-slider-group .bilge-products-media-slider {
        width: 100%;
        min-height: 280px;
    }

    .bilge-products .bilge-products-body .products-slider-group .bilge-products-content-slider {
        width: 100%;
        padding: 20px;
    }

    .products-home-card .card-content .subtitle {
        font-size: 10px;
    }

    .products-home-card .card-content h2 {
        font-size: 22px;
    }

    .products-home-card .card-content p {
        font-size: 13px;
        line-height: 22px;
    }

    .swiper.swiper-products-content {
        height: auto;
    }

    .swiper.swiper-products-content .swiper-slide {
        height: auto !important;
    }

    .swiper.swiper-products-content .swiper-slide.swiper-slide-active {}

    .bilge-about .about-card .about-card-group {
        flex-direction: column;
    }

    .bilge-about .about-card .about-card-group .about-card-content .title {
        font-size: 24px;
    }

    .bilge-about .about-card .about-card-group .about-card-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .bilge-video-section {
        padding: 40px 0;
        margin-top: 0;
    }

    .bilge-steps .bilge-steps-group {
        width: 100%;
        overflow-x: scroll;
    }

    .bilge-steps .bilge-steps-group::-webkit-scrollbar {
        display: none;
    }

    .bilge-steps .bilge-steps-group .row {
        flex-wrap: nowrap;
        width: max-content;
    }

    .bilge-steps .bilge-steps-group .row>div {
        width: 250px;
    }

    .bilge-steps .bilge-steps-group .steps-box {}

    .bilge-steps .bilge-steps-group .steps-box .number {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 14px;
    }

    .bilge-steps .bilge-steps-group .steps-box .title {
        font-size: 12px;
    }

    .bilge-journals .bilge-journals-wrapper {
        margin: 0;
        padding: 30px 0;
    }

    .bilge-journals .journals-content .title {
        font-size: 20px;
    }

    .bilge-journals .journals-content p {
        font-size: 13px;
        max-width: 100%;
    }

    .bilge-journals .journals-content {
        margin: 0 0 25px;
    }

    .bilge-footer-tops .bilge-footer-tops-group .logo a img {
        width: 100px;
    }

    .bilge-footer-tops .bilge-footer-tops-group .tops-content .content {
        font-size: 18px;
        line-height: 20px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .title {
        font-size: 12px;
        letter-spacing: 6px;
        margin: 0 0 15px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .menu-content ul li a {
        font-size: 12px;
        gap: 5px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .menu-content ul li a::before {
        width: 3px;
        height: 3px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .row {
        --bs-gutter-y: 30px;
        flex-direction: column;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .row .col {
        width: 100%;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item.worked .title {
        justify-content: flex-start;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item.worked .menu-content ul {
        align-items: flex-start;
    }

    .bilge-footer .bilge-footer-menus {
        padding: 50px 0;
    }

    .swiper-references .swiper-slide .images img {
        height: 100px;
    }

    .mega-menu-section {
        min-height: 400px;
        max-height: 85vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .mega-menu-section .mega-menu-wrapper {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 60px 20px 30px;
        min-height: 100%;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul {
        gap: 20px;
        align-items: center;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul li {
        align-items: center;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul li a {
        font-size: 16px;
        text-align: center;
    }

    .mega-menu-section .mega-submenu {
        align-self: center;
    }

    .mega-menu-section .mega-submenu li a {
        font-size: 14px !important;
        text-align: left;
    }

    .about-page .about-page-wrapper .about-image img {
        height: 250px;
    }

    .about-page .about-page-wrapper .about-page-content h1 {
        font-size: 30px;
    }

    .about-page .about-page-wrapper .about-page-content p {
        font-size: 12px;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group {
        flex-direction: column;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group .media {
        width: 100%;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group .content {
        width: 100%;
        padding: 10px;
    }

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

    .bilge-blog-detail {
        margin: 25px 0 50px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .breadcrumb {
        margin: 0 0 25px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-media .main {
        height: auto;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-content h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-content p {
        font-size: 13px;
    }

    .bilge-blog-page .bilge-blog-page-head p {
        max-width: 100%;
        font-size: 14px;
    }

    .bilge-blog-page .bilge-blog-page-head h1 {
        font-size: 30px;
    }

    .bilge-blog-page .bilge-blog-page-head .breadcrumb {
        margin: 0 0 25px;
    }

    .bilge-blog-page {
        margin: 25px 0 50px;
    }

    .blog-card {
        height: 280px;
    }

    .blog-card .card-content {
        padding: 20px;
    }

    .blog-card .card-content h2 {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .blog-card .card-content .projects-button {
        width: 40px;
        height: 40px;
    }

    .blog-card .card-content .projects-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .social-links .social-links-group {
        gap: 10px;
    }

    .project-detail-page .project-detail-wrapper .media img {
        height: auto;
    }

    .project-detail-page {
        margin: 25px 0 50px;
    }

    .project-detail-page .breadcrumb {
        margin: 0 0 25px;
    }

    .project-detail-page .project-detail-wrapper .detail-content {
        padding: 30px 0 0;
    }

    .project-detail-page .project-detail-wrapper .detail-content h1 {
        font-size: 26px;
    }

    .project-detail-page .project-detail-wrapper .detail-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .detail-info {
        padding: 0;
    }

    .projects-card .card-image img {
        height: 250px;
    }

    .projects-card .card-content .card-col h3 {
        font-size: 16px;
    }

    .projects-page {
        margin: 25px 0 50px;
    }

    .projects-page .projects-page-wrapper .bilge-head {
        margin: 0 0 15px;
    }

    .systems-page {
        margin: 25px 0 50px;
    }

    .systems-page .systems-page-content .title {}

    .systems-page .systems-page-content .title h1 {
        font-size: 26px;
    }

    .systems-page .systems-page-content p {
        font-size: 13px;
    }

    .systems-page .systems-page-content {
        padding: 0;
    }

    .systems-content .row {
        --bs-gutter-y: 25px;
        margin-bottom: 35px;
    }

    .systems-content .content h2 {
        font-size: 24px;
    }

    .systems-content .content p {
        font-size: 13px;
        line-height: 24px;
    }

    .systems-content .media {
        min-height: 260px;
    }

    .systems-content .media img {
        height: 280px;
        object-position: center center;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bilge-header {
        height: auto;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group {
        padding: 25px 10px 25px 25px;
    }

    .bilge-header.pages-header .bilge-head-main .bilge-head-main-group {
        border: unset;
        padding: 25px 10px 25px 0;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col .logo a img {
        width: 100px;
    }


    .menu-button {
        width: 40px;
        height: 40px;
    }

    .menu-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box .title {
        font-size: 35px;
        line-height: 40px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box .title span {}

    .swiper.swiper-hero-content .swiper-slide .hero-content-box p {
        max-width: 100%;
        font-size: 15px;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box {
        padding: 0 0 0 40px;
    }

    .nav-container {}

    .nav-container .hero-navigation {
        left: 50px;
        top: unset;
        bottom: 50px;
        transform: translate(0, 0);
    }

    .bilge-navigation .navigation-group {
        width: 100px;
        flex-direction: row;
    }

    .bilge-navigation .navigation-group .swiper-navigation-button {}

    /* Hero slider okları mobilde sol tarafta, üstte sol altta sağ ok */
    .bilge-hero-media-only .bilge-navigation.hero-navigation {
        left: 20px;
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .bilge-hero-media-only .bilge-navigation.hero-navigation .container {
        position: relative;
        height: auto;
    }

    .bilge-hero-media-only .bilge-navigation .navigation-group {
        position: relative;
        right: unset;
        left: unset;
        width: auto;
        flex-direction: column;
        gap: 25px;
        border-right: none;
        transform: none;
        align-items: flex-start;
    }

    .bilge-hero-media-only .bilge-navigation .swiper-navigation-button {
        opacity: 1;
        visibility: visible;
    }

    .bilge-features {
        margin: 50px 0 0;
    }

    .bilge-features .bilge-features-group {
        padding: 0;
    }

    .bilge-features .bilge-features-group .features-content h2 {
        font-size: 22px;
    }

    .bilge-features .bilge-features-group .features-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .bilge-features .bilge-features-group .row {
        row-gap: 20px;
        justify-content: center;
    }

    .bilge-systems {
        margin: 50px 0 0;
    }

    .systems-home-card {
        height: 400px;
    }

    .systems-home-card .content {
        width: 50px;
    }

    .systems-home-card .content h2 {
        font-size: 14px;
    }

    .bilge-head {
        flex-direction: column;
        gap: 30px;
    }

    .bilge-head h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .bilge-head h1 span {}

    .bilge-head .head-col {
        width: 100%;
    }

    .bilge-head .subtitle {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .bilge-head h2 {}

    .bilge-head h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .bilge-head p {
        font-size: 14px;
    }

    .bilge-projects .head-filter {
        width: 100%;
        overflow-x: scroll;
    }

    .bilge-projects .head-filter::-webkit-scrollbar {
        display: none;
    }

    .bilge-projects .head-filter .head-filter-group {
        width: max-content;
    }

    .bilge-projects .head-filter .head-filter-group a {
        font-size: 12px;
        padding: 10px 20px;
    }

    .bilge-projects .head-navigation .navigation-group {
        justify-content: flex-start;
    }

    .bilge-projects .head-navigation {
        margin: 20px 0 0;
    }

    .swiper.swiper-projects {
        width: 100%;
    }

    .bilge-projects .bilge-head {
        margin: 0 0 25px;
    }

    .projects-home-card .content .tax {
        font-size: 13px;
        margin: 0 0 10px;
        display: block;
    }

    .projects-home-card .content h3 {
        font-size: 24px;
    }

    .projects-home-card .content .button .projects-button {
        width: 40px;
        height: 40px;
    }

    .projects-home-card .content .button .projects-button i {
        font-size: 18px;
    }

    .projects-home-card .content .button .projects-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .bilge-references {
        margin: -140px 0 0;
    }

    .bilge-references .bilge-references-head .bilge-head {
        flex-direction: row;
    }

    .bilge-references .head-navigation {
        position: relative;
        top: -15px;
    }

    .bilge-references .bilge-references-slider {
        padding: 0 0 100px;
    }

    .swiper.swiper-references {
        width: 100%;
    }

    .bilge-references .bilge-references-slider>p {
        max-width: 100%;
    }

    .bilge-products {
        margin: 0 0 50px;
    }

    .bilge-products .bilge-products-body .products-slider-group {
        flex-direction: column;
        height: auto;
    }

    .bilge-products .bilge-products-body .products-slider-group .bilge-products-media-slider {
        width: 100%;
        min-height: 280px;
    }

    .bilge-products .bilge-products-body .products-slider-group .bilge-products-content-slider {
        width: 100%;
        padding: 20px;
    }

    .products-home-card .card-content .subtitle {
        font-size: 10px;
    }

    .products-home-card .card-content h2 {
        font-size: 22px;
    }

    .products-home-card .card-content p {
        font-size: 13px;
        line-height: 22px;
    }

    .swiper.swiper-products-content {
        height: auto;
    }

    .swiper.swiper-products-content .swiper-slide {
        height: auto !important;
    }

    .swiper.swiper-products-content .swiper-slide.swiper-slide-active {}

    .bilge-about .about-card .about-card-group {
        flex-direction: column;
    }

    .bilge-about .about-card .about-card-group .about-card-content .title {
        font-size: 24px;
    }

    .bilge-about .about-card .about-card-group .about-card-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .bilge-video-section {
        padding: 40px 0;
        margin-top: 40px;
    }

    .bilge-steps .bilge-steps-group {
        width: 100%;
        overflow-x: scroll;
    }

    .bilge-steps .bilge-steps-group::-webkit-scrollbar {
        display: none;
    }

    .bilge-steps .bilge-steps-group .row {
        flex-wrap: nowrap;
        width: max-content;
    }

    .bilge-steps .bilge-steps-group .row>div {
        width: 250px;
    }

    .bilge-steps .bilge-steps-group .steps-box {}

    .bilge-steps .bilge-steps-group .steps-box .number {
        width: 35px;
        height: 35px;
        min-width: 35px;
        font-size: 14px;
    }

    .bilge-steps .bilge-steps-group .steps-box .title {
        font-size: 12px;
    }

    .bilge-journals .bilge-journals-wrapper {
        margin: 0;
        padding: 30px 0;
    }

    .bilge-journals .journals-content .title {
        font-size: 20px;
    }

    .bilge-journals .journals-content p {
        font-size: 13px;
        max-width: 100%;
    }

    .bilge-journals .journals-content {
        margin: 0 0 25px;
    }

    .bilge-footer-tops .bilge-footer-tops-group .logo a img {
        width: 100px;
    }

    .bilge-footer-tops .bilge-footer-tops-group .tops-content .content {
        font-size: 18px;
        line-height: 20px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .title {
        font-size: 12px;
        letter-spacing: 6px;
        margin: 0 0 15px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .menu-content ul li a {
        font-size: 12px;
        gap: 5px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item .menu-content ul li a::before {
        width: 3px;
        height: 3px;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .row {
        --bs-gutter-y: 30px;
        flex-direction: column;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .row .col {
        width: 100%;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item.worked .title {
        justify-content: flex-start;
    }

    .bilge-footer .bilge-footer-menus .bilge-footer-menus-group .footer-menu-item.worked .menu-content ul {
        align-items: flex-start;
    }

    .bilge-footer .bilge-footer-menus {
        padding: 50px 0;
    }

    .swiper-references .swiper-slide .images img {
        height: 100px;
    }

    .mega-menu-section {
        min-height: 400px;
        max-height: 85vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .mega-menu-section .mega-menu-wrapper {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 60px 20px 30px;
        min-height: 100%;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul {
        gap: 20px;
        align-items: center;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul li {
        align-items: center;
    }

    .mega-menu-section .mega-menu-wrapper .mega-menu-list ul li a {
        font-size: 16px;
        text-align: center;
    }

    .mega-menu-section .mega-submenu {
        align-self: center;
    }

    .mega-menu-section .mega-submenu li a {
        font-size: 14px !important;
        text-align: left;
    }

    .about-page .about-page-wrapper .about-image img {
        height: 250px;
    }

    .about-page .about-page-wrapper .about-page-content h1 {
        font-size: 30px;
    }

    .about-page .about-page-wrapper .about-page-content p {
        font-size: 12px;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group {
        flex-direction: column;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group .media {
        width: 100%;
    }

    .about-page .about-page-wrapper .about-page-content-item .about-page-content-group .content {
        width: 100%;
        padding: 10px;
    }

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

    .bilge-blog-detail {
        margin: 25px 0 50px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .breadcrumb {
        margin: 0 0 25px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-media .main {
        height: auto;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-content h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .bilge-blog-detail .bilge-blog-detail-wrapper .blog-content p {
        font-size: 13px;
    }

    .bilge-blog-page .bilge-blog-page-head p {
        max-width: 100%;
        font-size: 14px;
    }

    .bilge-blog-page .bilge-blog-page-head h1 {
        font-size: 30px;
    }

    .bilge-blog-page .bilge-blog-page-head .breadcrumb {
        margin: 0 0 25px;
    }

    .bilge-blog-page {
        margin: 25px 0 50px;
    }

    .blog-card {
        height: 280px;
    }

    .blog-card .card-content {
        padding: 20px;
    }

    .blog-card .card-content h2 {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .blog-card .card-content .projects-button {
        width: 40px;
        height: 40px;
    }

    .blog-card .card-content .projects-button.circle-effect::before {
        width: 55px;
        height: 55px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .social-links .social-links-group {
        gap: 10px;
    }

    .project-detail-page .project-detail-wrapper .media img {
        height: auto;
    }

    .project-detail-page {
        margin: 25px 0 50px;
    }

    .project-detail-page .breadcrumb {
        margin: 0 0 25px;
    }

    .project-detail-page .project-detail-wrapper .detail-content {
        padding: 0;
    }

    .project-detail-page .project-detail-wrapper .detail-content h1 {
        font-size: 26px;
    }

    .project-detail-page .project-detail-wrapper .detail-content p {
        font-size: 13px;
        line-height: 26px;
    }

    .detail-info {
        padding: 0;
    }

    .projects-card .card-image img {
        height: 250px;
    }

    .projects-card .card-content .card-col h3 {
        font-size: 16px;
    }

    .projects-page {
        margin: 25px 0 50px;
    }

    .projects-page .projects-page-wrapper .bilge-head {
        margin: 0 0 15px;
    }

    .systems-page {
        margin: 25px 0 50px;
    }

    .systems-page .systems-page-content .title {}

    .systems-page .systems-page-content .title h1 {
        font-size: 30px;
    }

    .systems-page .systems-page-content p {
        font-size: 13px;
    }

    .systems-page .systems-page-content {
        padding: 0;
    }

    .systems-content .row {
        --bs-gutter-y: 25px;
        --bs-gutter-x: 0;
        margin-bottom: 40px;
    }

    .systems-content .row:nth-child(even) {
        flex-direction: column-reverse;
    }

    .systems-content .content {
        padding-right: 0;
    }

    .systems-content .content h2 {
        font-size: 24px;
    }

    .systems-content .content p {
        font-size: 13px;
        line-height: 24px;
    }

    .systems-content .media {
        min-height: 300px;
    }

    .systems-content .media img {
        height: 340px;
        object-position: center center;
    }
}

@media only screen and (max-width: 991px) {
    .bilge-video-content .bilge-head{
    gap: 0;
    margin: 20px 0 0;
    text-align: center;
}

    .bilge-video-content .bilge-head h2{
    font-size: 22px;
}
    .bilge-video-content .bilge-head p{
    font-size: 13px;
    max-width: 100%;
}

    html,
    html body {
        overflow-x: hidden !important;
    }

    .head-social {
        display: none;
    }

    body .bilge-language-switcher .bilge-language-switcher-card .bilge-language-switcher-flag i{
    font-size: 18px;
}

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-actions .actions-group{
    gap: 20px;
}

    body .bilge-language-switcher .bilge-language-switcher-card .bilge-language-switcher-content .label{
    font-size: 10px;
    margin: 0;
}
    body .bilge-language-switcher .bilge-language-switcher-card .bilge-language-switcher-content .language span{
    font-size: 12px;
}

    .head-phone-mobile {
        display: none;
        align-items: center;
        gap: 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 8px 14px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.2);
    }

    .head-phone-mobile i {
        font-size: 18px;
    }

    .bilge-header.pages-header .head-phone-mobile {
        color: #000;
        background: rgba(0, 0, 0, 0.06);
    }

    .bilge-header.pages-header .head-phone-mobile span {
        color: inherit;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-menus {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background-color: #fff;
        padding: 20px;
        transform: translate(0, 15px);
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-menus.active {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
        transition: all .4s ease;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-menus .menu-group ul {
        flex-direction: column;
        gap: 15px;
    }

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-menus .menu-group ul li {}

    .bilge-header .bilge-head-main .bilge-head-main-group .head-col.head-menus .menu-group ul li a {
        color: #000;
        font-size: 13px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .media img {
        height: auto;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .title .subtitle {
        font-size: 14px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .title h1 {
        font-size: 30px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-body {
        margin: 30px 0 0;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .social-links .social-links-group a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .bilge-contact-page .bilge-contact-page-wrapper .bilge-contact-page-head .social-links .social-links-group a i {}

    .production-page {
        height: 400px;
    }

    .production-page .production-page-wrapper {
        flex-direction: column;
        justify-content: unset;
        padding: 20px 0;
        gap: 20px;
    }

    .production-page .production-page-wrapper .production-col .production-boxes {
        width: 100%;
    }

    .production-page .production-page-wrapper .production-col .production-boxes h1 {
        font-size: 20px;
    }

    .production-page .production-page-wrapper .production-col .production-boxes p {
        font-size: 12px;
    }

    .production-page .production-page-wrapper .production-col {
        width: 100%;
    }

    .production-page .production-page-wrapper .production-col .title {
        font-size: 22px;
        line-height: 30px;
    }

    .production-page .production-page-wrapper .production-col .title strong {
        font-size: 30px;
    }

    .production-content .content .first-image {}

    .production-content .content .first-image img {
        width: 200px;
        height: 250px;
    }

    .production-content .content .second-image {
        padding: 5px;
    }

    .production-content .content .second-image img {
        width: 150px;
        height: 200px;
    }

    .production-content .content-main {
        padding: 0 !important;
    }

    .production-content .content-main h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .production-content .content-main p {
        font-size: 13px;
    }

    .production-content .content {
        margin: 25px 0;
    }

    .production-content .row {
        margin: 0 0 50px;
    }

    .production-content {
        margin: 0;
    }

    .bilge-steps {
        margin: 50px 0;
    }

    .swiper.swiper-hero-media .swiper-slide .web-image {
        display: none;
    }
}

@media only screen and (min-width:992px) {
    .swiper.swiper-hero-media .swiper-slide .mobil-image {
        display: none;
    }
}

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

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

    .bilge-header .bilge-head-main .container,
    .bilge-hero-media-only .bilge-navigation.hero-navigation .container {
        max-width: 1100px;
    }

    .bilge-navigation .navigation-group {
        width: 180px;
    }
}

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

@media only screen and (min-width:1441px) {}