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

    body p {
        font-size: 14px;
    }

    .soft-header {
        border-bottom: 1px solid rgb(255 255 255 / 20%);
    }

    .soft-header .soft-head-main {
        margin: 25px 0;
    }

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

    .soft-hero .hero-container .hero-thumbnails {
        display: none;
    }

    .soft-hero::after {
        width: 300px;
        height: 300px;
    }

    .soft-hero::before {
        width: 300px;
        height: 300px;
    }

    .soft-hero .hero-container .hero-slider {
        width: 100%;
        padding: 0;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .subtitle {
        font-size: 10px;
        margin: 0 0 20px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .title {
        font-size: 35px;
        margin: 0 0 12px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    body .soft-button {
        font-size: 12px;
        height: 45px;
        padding: 0 20px;
    }

    .soft-hero .hero-container .hero-slider .swiper-navigation-button {
        bottom: unset;
        top: 100%;
        transform: translate(0, 23px) !important;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .links-group {
        width: 100%;
    }

    .soft-hero {
        padding: 90px 0 0;
        height: auto;
    }

    .soft-features .features-wrapper .features-group {
        width: 100%;
        flex-direction: column;
        gap: 30px;
    }

    .soft-features .features-wrapper .features-group .features-item {}

    .soft-features .features-wrapper .features-group .features-item {}

    .soft-features .features-wrapper .features-group .features-item:nth-child(2) {
        transform: translate(0, 0);
    }

    .soft-features .features-wrapper .features-group .features-item:nth-child(1)::before,
    .soft-features .features-wrapper .features-group .features-item:nth-child(3)::before {
        display: none;
    }

    .soft-features .features-wrapper .features-group .features-item .title {
        font-size: 13px;
    }

    .soft-features .features-wrapper .features-group .features-item p {
        font-size: 12px;
        width: 60%;
    }

    .soft-scroll-button {
        width: 80px;
        height: 80px;
    }

    .soft-scroll-button img {
        width: 25px;
    }

    .soft-about .about-wrapper .about-content-area p {
        width: 100%;
        line-height: 26px;
    }

    .soft-head h1,
    .soft-head .subtitle {
        font-size: 16px;
        letter-spacing: 8px;
    }

    .soft-service .soft-head .soft-head-col .subtitle {
        font-size: 16px;
        letter-spacing: 8px;
    }

    .soft-head h1,
    .soft-head h2 {
        font-size: 30px;
    }

    .soft-about .about-wrapper .about-content-area h2 {
        font-size: 35px;
    }

    .soft-service {
        margin: 50px 0 0;
    }

    .soft-service .soft-head {
        flex-direction: column;
        gap: 10px;
    }

    .soft-service .soft-head .soft-head-col h2 {
        font-size: 28px;
    }

    .soft-head p {
        max-width: 100%;
        font-size: 14px !important;
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-next+.swiper-slide {
        transform: scale(1);
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-next {
        transform: scale(1);
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-active {
        transform: scale(1);
    }

    .soft-service .service-wrapper .service-row {
        flex-direction: column;
    }

    .soft-service .service-wrapper .service-row .service-slider {
        width: 100%;
    }

    .swiper.swiper-service {
        width: 100vw;
        float: unset;
        padding: 0;
    }

    .soft-service .service-wrapper .service-row .service-manage {
        width: 100%;
    }

    .swiper.swiper-service-manage {
        height: auto;
        width: 100vw;
    }

    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group {
        position: relative;
        padding: 0;
        bottom: unset;
        border-top: 1px solid #e0e0e0;
        padding: 15px 0;
    }

    .swiper.swiper-service-manage .swiper-slide {
        justify-content: flex-start;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision {
        gap: 20px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision .text {
        font-size: 14px;
        width: 80px;
        line-height: 18px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision .number {
        font-size: 18px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision span.line {
        width: 60px;
    }

    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group .swiper-navigation-button,
    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group .swiper-navigation-button.prev {
        background-color: #232323 !important;
        color: #fff;
        height: 40px;
    }

    .soft-project {
        margin: 0;
        padding: 50px 0;
    }

    .soft-project .soft-head {
        text-align: left;
        width: 100%;
        margin: 0 0 20px;
    }

    .soft-project .soft-head .soft-head-col h2 {
        font-size: 26px;
    }

    .soft-project .soft-head .soft-head-col .subtitle {}

    .service-slider {
        /* display: none; */
    }


    .soft-project .project-wrapper .project-slider {}

    .swiper.swiper-project {
        width: 100%;
        overflow: hidden;
    }

    .soft-project .project-wrapper {
        padding: 0 20px 20px;
    }

    .project-card {}

    .project-card .card-wrapper {
        flex-direction: column;
        min-height: unset;
    }

    .project-card .card-wrapper .card-col {
        width: 100%;
    }

    .project-card .card-wrapper .card-col .card-media {
        border-radius: 30px 30px 0 0;
        border-bottom: 1px solid #C0C0C0;
    }

    .project-card .card-wrapper .card-col .card-media img {}

    .project-card .card-wrapper .card-content .info-table {
        display: none;
    }

    .project-card .card-wrapper .card-content .cat {
        font-size: 11px;
    }

    .project-card .card-wrapper .card-content h3 {
        font-size: 24px;
    }

    .project-card .card-wrapper .card-content p {
        font-size: 13px;
        margin: 0 0 15px;
    }

    .project-card .card-wrapper .card-content .soft-button {
        font-size: 12px;
        height: 40px;
    }

    .soft-project .soft-head .navigation-group,
    .soft-brand.iy-refs-panel .iy-refs-navigation {
        justify-content: flex-start;
    }

    .soft-project .soft-head .navigation-group .swiper-navigation-button,
    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button {
        transform: translate(0, 0) !important;
        position: relative;
        width: 45px;
        height: 45px;
        min-width: 45px;
        min-height: 45px;
        top: unset;
    }

    .soft-project .soft-head .navigation-group .swiper-navigation-button.prev {}

    .soft-project .soft-head .navigation-group .swiper-navigation-button.next {}

    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button.prev {}

    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button.next {}

    .soft-brand.iy-refs-panel .iy-refs-head {
        max-width: none;
        margin-bottom: 24px;
        text-align: left;
        padding: 0 4px;
    }

    .soft-brand.iy-refs-panel .iy-refs-head .soft-head-col h2 {
        font-size: 26px;
    }

    .soft-brand {
        margin: 50px 0 0;
        padding: 0;
    }

    .swiper.swiper-brand .swiper-wrapper .swiper-slide .image img {
        height: 75px;
    }

    .swiper.swiper-brand-marquee .swiper-slide .image {
        height: 100px;
    }

    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide .image {
        height: 108px;
    }

    .swiper.swiper-brand-marquee .swiper-slide .image img {
        max-height: 58px;
    }

    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-active .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-prev .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-next .image img {
        max-height: 64px;
        transform: none;
        filter: grayscale(0.18);
        opacity: 0.85;
    }

    .swiper.swiper-brand-marquee .swiper-slide-active .image img {
        max-height: 88px;
        transform: scale(1.18);
    }

    .soft-brand.iy-refs-panel {
        padding: 36px 0 52px;
        margin-top: 28px;
        border-radius: 14px;
    }

    .brand-wrapper--marquee {
        gap: 18px;
    }

    .brand-wrapper--marquee-single {
        gap: 0;
    }

    .soft-brand .soft-head {
        margin: 0 0 30px;
        text-align: center;
    }

    .soft-blog {
        margin: 75px 0 0;
    }

    .soft-blog .soft-head {
        flex-wrap: wrap;
    }

    .soft-blog .soft-head .navigation-group {
        width: 20%;
    }

    .soft-blog .soft-head .soft-head-col:nth-child(2) {
        width: 80%;
        padding: 0;
    }

    .soft-blog .soft-head .soft-head-col:nth-child(3) {
        padding: 0;
        margin: 20px 0 0;
    }

    .soft-blog .soft-head .navigation-group .swiper-navigation-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .soft-blog .soft-head .soft-head-col .subtitle {
        font-size: 14px;
    }

    .soft-blog .soft-head .soft-head-col h2 {
        font-size: 26px;
    }

    .blog-card .card-content .date {
        font-size: 12px;
    }

    .blog-card .card-content h3 {
        font-size: 20px;
    }

    .blog-card .card-content .links {
        font-size: 13px;
    }

    .soft-footer .footer-wrapper .footer-top {
        flex-direction: column;
        gap: 20px;
        padding: 50px 30px;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col:nth-child(2) {
        width: 100%;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col a img {
        height: 40px;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col p {
        font-size: 14px;
        text-align: left;
    }

    .soft-footer {
        margin: 50px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar .social-links .social-links-group a:not(.iy-footer-ig) {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar .iy-footer-ig {
        min-height: 36px;
        padding: 6px 14px 6px 10px;
        font-size: 13px;
    }

    .soft-footer .footer-wrapper .footer-middle {
        padding: 30px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item .title {
        font-size: 12px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item ul {}

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item ul li a {
        font-size: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item {
        margin: 0 0 40px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li a {
        flex-direction: row-reverse;
        text-align: left;
        justify-content: flex-start;
        font-size: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li a img {
        width: 25px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul {
        gap: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li {
        justify-content: flex-start;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact {
        margin: 20px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus {
        margin: 36px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .soft-footer .footer-wrapper .footer-copyright {
        padding: 16px 0 22px;
    }

    .soft-footer .footer-wrapper .footer-copyright .container {
        text-align: center;
    }

    .soft-head-page {
        margin: 30px 0;
    }

    .soft-head-page .head-page-wrapper {
        width: 100% !important;
    }

    .soft-head-page .head-page-wrapper h1 {
        font-size: 26px;
    }

    .breadcrumb ul li {
        font-size: 12px;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-group,
    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-group {
        flex-direction: column;
        align-items: stretch;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-paragraph {
        text-align: right;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-paragraph {
        text-align: left;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row:not(:last-child) .content-group {
        padding: 0 0 50px !important;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row {
        padding: 40px 30px;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-group .number {
        width: 45px;
        height: 45px;
        font-size: 18px;
        left: 0;
        right: auto;
        transform: translate(30px, 0);
        top: 0;
        z-index: 3;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-paragraph {
        width: 100%;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-title {
        width: 100%;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-title {
        justify-content: flex-start;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-title {
        justify-content: flex-end;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-title h2 {
        font-size: 26px;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-title h2 {
        text-align: left;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-title h2 {
        text-align: right;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-paragraph p {
        font-size: 14.5px;
        line-height: 1.75;
        color: #475569;
    }

    .soft-about-page .about-page-wrapper .about-page-content {
        padding: 20px 0 40px;
    }

    .soft-head-page.post-head .head-page-wrapper h1 {
        font-size: 22px;
    }

    .soft-head-page.post-head {
        margin: 30px 0;
    }

    .breadcrumb ul {
        overflow: hidden;
        max-width: 100%;
    }

    .soft-post-page .post-page-wrapper .image {}

    .soft-post-page .post-page-wrapper .image img {
        height: 300px;
    }

    .soft-post-page .post-page-wrapper .image::before {}

    .soft-post-page .post-page-wrapper .about-post-content {
        padding: 30px;
    }

    .soft-post-page .post-page-wrapper .about-post-content h2 {
        font-size: 22px;
    }

    .soft-post-page .post-page-wrapper .about-post-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .soft-brand-page .brand-page-wrapper .image img {
        width: 90px;
        height: 90px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group {
        flex-direction: column;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col {
        width: 100%;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .soft-head h2 {
        font-size: 26px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul li a {
        font-size: 15px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul li a img {
        width: 25px;
        height: 25px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul {
        gap: 10px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-social {
        margin: 30px 0 0;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col:nth-child(2) {
        padding: 0 0 30px;
        border: unset;
        margin: 50px 0 0;
    }

    .soft-project-page .project-page-wrapper {
        padding: 0 25px 25px;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper {
        padding: 0;
        overflow-x: scroll;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper .project-filter {
        width: max-content;
        gap: 25px;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper .project-filter .toggle-btn {}

    .soft-service-page .service-page-wrapper {
        padding: 25px;
    }

    .service-card .card-content .title .number {
        font-size: 16px;
    }

    .service-card .card-content .title h2 {
        font-size: 20px;
    }

    .service-card .card-content .links {
        font-size: 13px;
    }

    .soft-service-detail-page {
        margin: 30px 0 0;
    }

    .service-detail-card {
        flex-direction: column;
        border: unset;
        gap: 30px;
    }

    .service-detail-card .card-left {
        width: 100%;
    }

    .service-detail-card .card-left .card-left-wrapper {
        position: relative;
        top: unset;
        transform: translate(0, 0);
    }

    .service-detail-card .card-left .card-head {
        padding: 0 0 30px;
    }

    .service-detail-card .card-left .card-head h1 {
        font-size: 25px;
    }

    .service-detail-card .card-right {
        width: 100%;
    }

    .service-detail-card .card-right .card-content-wrapper {
        padding: 0;
    }

    .service-detail-card .card-right .card-content-wrapper p {
        font-size: 16px;
        line-height: 32px;
    }

    .service-detail-card .card-right .card-content-wrapper .card-boxes .card-boxes-item {
        margin: 0 0 40px;
    }

    .soft-why-our {
        margin: 50px 0 0;
    }

    .soft-why-our .why-our-area {
        padding: 40px;
        border-radius: 30px;
    }

    .soft-why-our .soft-head .soft-head-col h2 {
        font-size: 23px;
    }

    .soft-why-our .why-our-wrapper .why-our-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-icon {
        width: 100px;
        height: 100px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-icon img {
        width: 40px;
        height: 40px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-title span {
        font-size: 16px;
    }

    .soft-why-our .soft-head {
        margin: 0 0 30px;
    }

    .soft-technologies .soft-head .soft-head-col h2 {
        font-size: 23px;
    }

    .soft-technologies .soft-head .soft-head-col .navigation-group .swiper-navigation-button {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        font-size: 18px;
    }

    .soft-technologies .soft-head {
        padding: 0;
        margin: 0 0 30px;
    }

    .soft-technologies {
        margin: 60px 0 0;
    }

    ::-webkit-scollbar {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body p {
        font-size: 14px;
    }

    .soft-header {
        border-bottom: 1px solid rgb(255 255 255 / 20%);
    }

    .soft-header .soft-head-main {
        margin: 30px 0;
    }

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

    .soft-hero .hero-container .hero-thumbnails {
        display: none;
    }

    .soft-hero::after {
        width: 300px;
        height: 300px;
    }

    .soft-hero::before {
        width: 300px;
        height: 300px;
    }

    .soft-hero .hero-container .hero-slider {
        width: 100%;
        padding: 0;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .subtitle {
        font-size: 10px;
        margin: 0 0 20px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .title {
        font-size: 35px;
        margin: 0 0 12px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    body .soft-button {
        font-size: 12px;
        height: 45px;
        padding: 0 20px;
    }

    .soft-hero .hero-container .hero-slider .swiper-navigation-button {
        bottom: unset;
        top: 100%;
        transform: translate(0, 23px) !important;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .links-group {
        width: 100%;
    }

    .soft-hero {
        padding: 100px 0 0;
        height: auto;
    }

    .soft-features .features-wrapper .features-group {
        width: 100%;
        flex-direction: column;
        gap: 30px;
    }

    .soft-features .features-wrapper .features-group .features-item {}

    .soft-features .features-wrapper .features-group .features-item {}

    .soft-features .features-wrapper .features-group .features-item:nth-child(2) {
        transform: translate(0, 0);
    }

    .soft-features .features-wrapper .features-group .features-item:nth-child(1)::before,
    .soft-features .features-wrapper .features-group .features-item:nth-child(3)::before {
        display: none;
    }

    .soft-features .features-wrapper .features-group .features-item .title {
        font-size: 13px;
    }

    .soft-features .features-wrapper .features-group .features-item p {
        font-size: 12px;
        width: 60%;
    }

    .soft-scroll-button {
        width: 80px;
        height: 80px;
    }

    .soft-scroll-button img {
        width: 25px;
    }

    .soft-about .about-wrapper .about-content-area p {
        width: 100%;
        line-height: 26px;
    }

    .soft-head h1,
    .soft-head .subtitle {
        font-size: 16px;
        letter-spacing: 8px;
    }

    .soft-service .soft-head .soft-head-col .subtitle {
        font-size: 16px;
        letter-spacing: 8px;
    }

    .soft-head h1,
    .soft-head h2 {
        font-size: 30px;
    }

    .soft-about .about-wrapper .about-content-area h2 {
        font-size: 35px;
    }

    .soft-service {
        margin: 50px 0 0;
    }

    .soft-service .soft-head {
        flex-direction: column;
        gap: 10px;
    }

    .soft-service .soft-head .soft-head-col h2 {
        font-size: 28px;
    }

    .soft-head p {
        max-width: 100%;
        font-size: 14px !important;
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-next+.swiper-slide {
        transform: scale(1);
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-next {
        transform: scale(1);
    }

    .swiper.swiper-service .swiper-slide.swiper-slide-active {
        transform: scale(1);
    }

    .soft-service .service-wrapper .service-row {
        flex-direction: column;
    }

    .soft-service .service-wrapper .service-row .service-slider {
        width: 100%;
    }

    .swiper.swiper-service {
        width: 100vw;
        float: unset;
        padding: 0;
    }

    .soft-service .service-wrapper .service-row .service-manage {
        width: 100%;
    }

    .swiper.swiper-service-manage {
        height: auto;
        width: 100vw;
    }

    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group {
        position: relative;
        padding: 0;
        bottom: unset;
        border-top: 1px solid #e0e0e0;
        padding: 15px 0;
    }

    .swiper.swiper-service-manage .swiper-slide {
        justify-content: flex-start;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision {
        gap: 20px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision .text {
        font-size: 14px;
        width: 80px;
        line-height: 18px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision .number {
        font-size: 18px;
    }

    .swiper.swiper-service-manage .swiper-slide .manage-vision span.line {
        width: 60px;
    }

    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group .swiper-navigation-button,
    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group .swiper-navigation-button.prev {
        background-color: #232323 !important;
        color: #fff;
        height: 40px;
    }

    .soft-project {
        margin: 0;
        padding: 50px 0;
    }

    .soft-project .soft-head {
        text-align: left;
        width: 100%;
        margin: 0 0 40px;
    }

    .soft-project .soft-head .soft-head-col h2 {
        font-size: 26px;
    }

    .soft-project .soft-head .soft-head-col .subtitle {}

    .service-slider {
        /* display: none; */
    }


    .soft-project .project-wrapper .project-slider {
        max-width: 720px;
        margin: auto;
    }

    .swiper.swiper-project {
        width: 100%;
        overflow: hidden;
    }

    .soft-project .project-wrapper {
        padding: 0;
    }

    .project-card {}

    .project-card .card-wrapper {
        flex-direction: column;
        min-height: unset;
    }

    .project-card .card-wrapper .card-col {
        width: 100%;
    }

    .project-card .card-wrapper .card-col .card-media {
        border-radius: 30px 30px 0 0;
        border-bottom: 1px solid #C0C0C0;
    }

    .project-card .card-wrapper .card-col .card-media img {}

    .project-card .card-wrapper .card-content .info-table {
        display: none;
    }

    .project-card .card-wrapper .card-content .cat {
        font-size: 11px;
    }

    .project-card .card-wrapper .card-content h3 {
        font-size: 24px;
    }

    .project-card .card-wrapper .card-content p {
        font-size: 13px;
        margin: 0 0 15px;
    }

    .project-card .card-wrapper .card-content .soft-button {
        font-size: 12px;
        height: 40px;
    }

    .soft-project .soft-head .navigation-group,
    .soft-brand.iy-refs-panel .iy-refs-navigation {
        justify-content: flex-start;
    }

    .soft-project .soft-head .navigation-group .swiper-navigation-button,
    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button {
        transform: translate(0, 0) !important;
        position: relative;
        width: 45px;
        height: 45px;
        min-width: 45px;
        min-height: 45px;
        top: unset;
    }

    .soft-project .soft-head .navigation-group .swiper-navigation-button.prev {}

    .soft-project .soft-head .navigation-group .swiper-navigation-button.next {}

    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button.prev {}

    .soft-brand.iy-refs-panel .iy-refs-navigation .swiper-navigation-button.next {}

    .soft-brand.iy-refs-panel .iy-refs-head {
        max-width: none;
        margin-bottom: 24px;
        text-align: left;
        padding: 0 4px;
    }

    .soft-brand.iy-refs-panel .iy-refs-head .soft-head-col h2 {
        font-size: 26px;
    }

    .soft-brand {
        margin: 50px 0 0;
        padding: 0;
    }

    .swiper.swiper-brand .swiper-wrapper .swiper-slide .image img {
        height: 75px;
    }

    .swiper.swiper-brand-marquee .swiper-slide .image {
        height: 100px;
    }

    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide .image {
        height: 108px;
    }

    .swiper.swiper-brand-marquee .swiper-slide .image img {
        max-height: 58px;
    }

    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-active .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-prev .image img,
    .swiper.swiper-brand-marquee.swiper-brand-marquee--single .swiper-slide-next .image img {
        max-height: 64px;
        transform: none;
        filter: grayscale(0.18);
        opacity: 0.85;
    }

    .swiper.swiper-brand-marquee .swiper-slide-active .image img {
        max-height: 88px;
        transform: scale(1.18);
    }

    .soft-brand.iy-refs-panel {
        padding: 36px 0 52px;
        margin-top: 28px;
        border-radius: 14px;
    }

    .brand-wrapper--marquee {
        gap: 18px;
    }

    .brand-wrapper--marquee-single {
        gap: 0;
    }

    .soft-brand .soft-head {
        margin: 0 0 30px;
        text-align: center;
    }

    .soft-blog {
        margin: 75px 0 0;
    }

    .soft-blog .soft-head {
        flex-wrap: wrap;
    }

    .soft-blog .soft-head .navigation-group {
        width: 10%;
    }

    .soft-blog .soft-head .soft-head-col:nth-child(2) {
        width: 80%;
        padding: 0;
        border: unset;
    }

    .soft-blog .soft-head .soft-head-col:nth-child(3) {
        padding: 0;
        margin: 20px 0 0;
    }

    .soft-blog .soft-head .navigation-group .swiper-navigation-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .soft-blog .soft-head .soft-head-col .subtitle {
        font-size: 14px;
    }

    .soft-blog .soft-head .soft-head-col h2 {
        font-size: 26px;
    }

    .blog-card .card-content .date {
        font-size: 12px;
    }

    .blog-card .card-content h3 {
        font-size: 20px;
    }

    .blog-card .card-content .links {
        font-size: 13px;
    }

    .soft-footer .footer-wrapper .footer-top {
        flex-direction: column;
        gap: 20px;
        padding: 50px 30px;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col:nth-child(2) {
        width: 100%;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col a img {
        height: 40px;
    }

    .soft-footer .footer-wrapper .footer-top .footer-top-col p {
        font-size: 14px;
        text-align: left;
    }

    .soft-footer {
        margin: 50px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar .social-links .social-links-group a:not(.iy-footer-ig) {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar .iy-footer-ig {
        min-height: 36px;
        padding: 6px 14px 6px 10px;
        font-size: 13px;
    }

    .soft-footer .footer-wrapper .footer-middle {
        padding: 30px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item .title {
        font-size: 12px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item ul {}

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item ul li a {
        font-size: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .menu-item {
        margin: 0 0 40px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li a {
        flex-direction: row-reverse;
        text-align: left;
        justify-content: flex-start;
        font-size: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li a img {
        width: 25px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul {
        gap: 15px;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact ul li {
        justify-content: flex-start;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus .footer-contact {
        margin: 20px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .footer-menus {
        margin: 36px 0 0;
    }

    .soft-footer .footer-wrapper .footer-middle .iy-footer-social-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .soft-footer .footer-wrapper .footer-copyright {
        padding: 16px 0 22px;
    }

    .soft-footer .footer-wrapper .footer-copyright .container {
        text-align: center;
    }

    .soft-head-page {
        margin: 30px 0;
    }

    .soft-head-page .head-page-wrapper {
        width: 100% !important;
    }

    .soft-head-page .head-page-wrapper h1 {
        font-size: 26px;
    }

    .breadcrumb ul li {
        font-size: 12px;
    }

    /* Tablet: hakkimizda — masaüstüyle aynı yan yana düzen (order kuralları style.css’te) */
    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-group {
        flex-direction: row;
        align-items: center;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-paragraph,
    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-paragraph {
        text-align: start;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row:not(:last-child) .content-group {
        padding: 0 0 50px !important;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row {
        padding: 40px 30px;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-group .number {
        width: 50px;
        height: 50px;
        font-size: 18px;
        left: 0;
        right: auto;
        transform: translate(30px, 0);
        top: 0;
        z-index: 3;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-title {
        width: 36%;
        flex-shrink: 0;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-title h2 {
        font-size: 30px;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-title {
        justify-content: flex-start;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-title {
        justify-content: flex-end;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-right .content-title h2 {
        text-align: start;
    }

    .soft-about-page .about-page-wrapper .about-page-content .iy-about-row--text-left .content-title h2 {
        text-align: end;
    }

    .soft-about-page .about-page-wrapper .about-page-content .content-row .content-paragraph p {
        font-size: 15px;
        line-height: 30px;
    }

    .soft-about-page .about-page-wrapper .about-page-content {
        padding: 20px 0 30px;
    }

    .soft-head-page.post-head .head-page-wrapper h1 {
        font-size: 22px;
    }

    .soft-head-page.post-head {
        margin: 30px 0;
    }

    .breadcrumb ul {
        overflow: hidden;
        max-width: 100%;
    }

    .soft-post-page .post-page-wrapper .image {}

    .soft-post-page .post-page-wrapper .image img {
        height: 300px;
    }

    .soft-post-page .post-page-wrapper .image::before {}

    .soft-post-page .post-page-wrapper .about-post-content {
        padding: 30px;
    }

    .soft-post-page .post-page-wrapper .about-post-content h2 {
        font-size: 22px;
    }

    .soft-post-page .post-page-wrapper .about-post-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .soft-brand-page .brand-page-wrapper .image img {
        width: 90px;
        height: 90px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group {
        flex-direction: column;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col {
        width: 100%;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .soft-head h2 {
        font-size: 26px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul li a {
        font-size: 15px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul li a img {
        width: 25px;
        height: 25px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-list ul {
        gap: 10px;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col .contact-page-social {
        margin: 30px 0 0;
    }

    .soft-contact-page .contact-page-wrapper .contact-page-group .contact-page-col:nth-child(2) {
        padding: 0 0 30px;
        border: unset;
        margin: 50px 0 0;
    }

    .soft-project-page .project-page-wrapper {
        padding: 0 25px 25px;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper {
        padding: 0;
        overflow-x: scroll;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper .project-filter {
        width: max-content;
        gap: 50px;
    }

    .soft-project-page .project-page-wrapper .project-filter-wrapper .project-filter .toggle-btn {}

    .soft-service-page .service-page-wrapper {
        padding: 25px;
    }

    .service-card .card-content .title .number {
        font-size: 16px;
    }

    .service-card .card-content .title h2 {
        font-size: 20px;
    }

    .service-card .card-content .links {
        font-size: 13px;
    }

    .soft-service-detail-page {
        margin: 30px 0 0;
    }

    .service-detail-card {
        flex-direction: column;
        border: unset;
        gap: 30px;
    }

    .service-detail-card .card-left {
        width: 100%;
    }

    .service-detail-card .card-left .card-left-wrapper {
        position: relative;
        top: unset;
        transform: translate(0, 0);
    }

    .service-detail-card .card-left .card-head {
        padding: 0 0 30px;
    }

    .service-detail-card .card-left .card-head h1 {
        font-size: 25px;
    }

    .service-detail-card .card-right {
        width: 100%;
    }

    .service-detail-card .card-right .card-content-wrapper {
        padding: 0;
    }

    .service-detail-card .card-right .card-content-wrapper p {
        font-size: 16px;
        line-height: 32px;
    }

    .service-detail-card .card-right .card-content-wrapper .card-boxes .card-boxes-item {
        margin: 0 0 40px;
    }

    .soft-why-our {
        margin: 50px 0 0;
    }

    .soft-why-our .why-our-area {
        padding: 40px;
        border-radius: 30px;
    }

    .soft-why-our .soft-head .soft-head-col h2 {
        font-size: 23px;
    }

    .soft-why-our .why-our-wrapper .why-our-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-icon {
        width: 100px;
        height: 100px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-icon img {
        width: 40px;
        height: 40px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .soft-why-our .why-our-wrapper .why-our-card .card-title span {
        font-size: 16px;
    }

    .soft-why-our .soft-head {
        margin: 0 0 30px;
    }

    .soft-technologies .soft-head .soft-head-col h2 {
        font-size: 23px;
    }

    .soft-technologies .soft-head .soft-head-col .navigation-group .swiper-navigation-button {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        font-size: 18px;
    }

    .soft-technologies .soft-head {
        padding: 0;
        margin: 0 0 30px;
    }

    .soft-technologies {
        margin: 60px 0 0;
    }

    ::-webkit-scollbar {
        display: none;
    }

    .swiper.swiper-technology .swiper-wrapper .swiper-slide {
        width: 25% !important;
    }
}

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

    .soft-service .service-wrapper .service-row .service-manage .manage-slider .navigation-group .swiper-navigation-button .line {
        background-color: #cfcfcf3b;
    }

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

    .soft-header .soft-head-main .container {
        padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    }

    .soft-header .soft-head-main .soft-head-main-group {
        gap: 14px;
        align-items: center;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-logos {
        flex: 1 1 auto;
        min-width: 0;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-actions {
        flex: 0 0 auto;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-actions .actions-group {
        gap: 12px;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col .logo a img {
        max-width: 100%;
        height: auto;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-menus {
        display: none;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-actions .actions-group a.head-phone {
        display: none;
    }

    body .soft-language-switcher {
        display: none;
    }

    .once-menu-button {}

    .once-menu-button span {
        width: 25px;
    }

    .soft-mega-menu {
        height: 100vh;
    }

    .soft-mega-menu .mega-menu-wrapper {
        padding: 30px 0 0;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-head .logo a img {
        height: 40px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group .mega-menu-col ul li a:not(.mega-menu-contact ul li a) {
        font-size: 18px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group .mega-menu-col ul li a.active::before {
        width: 30px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group .mega-menu-col ul {
        gap: 15px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group .mega-menu-col .label {
        position: relative;
        writing-mode: horizontal-tb;
        top: unset;
        left: unset;
        transform: translate(0, 0);
        padding: 0;
        background-color: unset;
        border: unset;
        color: #232323;
        font-size: 20px;
        margin: 0 0 20px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group {
        flex-direction: column;
        gap: 40px;
    }

    .soft-mega-menu .mega-menu-wrapper .mega-menu-body .mega-menu-group .mega-menu-col {
        width: 100%;
    }

    .mega-menu-contact {
        padding: 0;
    }

    .mega-menu-contact ul {
        gap: 10px !important;
    }

    .mega-menu-contact ul li a {
        font-size: 15px;
    }

    .mega-menu-contact ul li a.address {
        font-size: 14px;
    }

    .mega-menu-contact ul li a img {
        width: 25px;
    }

    .soft-mega-menu::before {
        display: none;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .swiper.swiper-hero .swiper-slide .hero-content-card .title {
        font-size: 45px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .subtitle {
        font-size: 11px;
    }

    .soft-hero .hero-container .hero-thumbnails .thumbnail-group .thumbnail-item {
        width: 100px;
        height: 100px;
    }

    .soft-hero .hero-container .hero-thumbnails .thumbnail-group .thumbnail-item[data-thumb="2"] {
        top: 100px;
        left: 85px;
    }

    .soft-hero .hero-container .hero-thumbnails .thumbnail-group .thumbnail-item[data-thumb="3"] {
        top: 100px;
        right: 85px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .links-group {
        width: 340px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .links-group .soft-button {
        font-size: 11px;
    }

    .swiper.swiper-service {
        padding-right: 14vw;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-actions .actions-group a.head-phone {
        display: none;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul li a {
        font-size: 15px;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul {
        gap: 20px;
    }

    /* İç sayfalar: anasayfa menü ölçüsüyle aynı (dar masaüstü) */
    .soft-header.page-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul,
    .soft-header.pages-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul {
        gap: clamp(9px, 0.85vw, 18px) !important;
    }

    .soft-header.page-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul li a,
    .soft-header.pages-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul li a {
        font-size: 14px !important;
    }
}

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

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
    .swiper.swiper-hero .swiper-slide .hero-content-card .title {
        font-size: 50px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .subtitle {
        font-size: 11px;
    }

    .soft-hero .hero-container .hero-thumbnails .thumbnail-group .thumbnail-item {
        width: 100px;
        height: 100px;
    }

    .swiper.swiper-hero .swiper-slide .hero-content-card .links-group {
        width: 400px;
    }

    .swiper.swiper-service {
        padding-right: 14vw;
    }

    .soft-header .soft-head-main .soft-head-main-group .head-col.head-actions .actions-group a.head-phone {
        display: none;
    }

    .soft-header.page-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul,
    .soft-header.pages-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul {
        gap: clamp(11px, 1vw, 24px) !important;
    }

    .soft-header.page-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul li a,
    .soft-header.pages-header .soft-head-main .soft-head-main-group .head-col.head-menus .menu-group ul li a {
        font-size: 15px !important;
    }
}

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