@media only screen and (max-width: 767px) {
    body .container-fluid {
        padding: 0 20px;
    }

    .topbar .topbar-flex {
        justify-content: space-between;
        height: 40px;
    }

    .topbar .topbar-flex .topbar-left {
        width: 100%;
        justify-content: space-between;
        gap: unset;
    }

    .topbar .topbar-flex .topbar-left a {
        font-size: 12px;
    }

    .topbar .topbar-flex .topbar-left a i {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .yonkasoft-header .header-wrap {
        padding: 0 15px;
        border-radius: 20px;
        justify-content: space-between;
    }

    .yonkasoft-header .header-wrap nav {
        display: none;
    }

    .yonkasoft-header .header-wrap .left-bar {
        flex: unset;
    }

    .yonkasoft-header .header-wrap .left-bar .logo a img {
        width: 100px;
        padding: 10px;
    }

    .yonkasoft-header .header-wrap .center-bar .logo:before {
        visibility: hidden;
    }

    .yonkasoft-header .header-wrap .center-bar {
        display: none;
    }

    .yonkasoft-header .header-wrap .right-bar {
        flex: unset;
    }

    .yonkasoft-entry {
        height: 600px;
    }

    .entry-swiper .swiper-wrapper .swiper-slide {
        padding: 40px 0;
    }

    .yonkasoft-entry .entry-wrapper .entry-text {
        padding: 0 20px 50px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text .title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text .title span {
        font-size: 20px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
        width: fit-content;
    }

    .entry-swiper .navigation-yk {
        position: absolute;
        right: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 15px;
        background-color: #fff;
        z-index: 99;
        padding: 5px 10px;
        border-radius: 50px 0 50px 50px;
    }

    .entry-swiper .navigation-yk button {
        width: fit-content;
        height: fit-content;
        position: unset;
        transform: translate(0);
        background: unset;
        border: unset;
    }

    .entry-swiper .navigation-yk button:hover {
        background-color: unset;
    }

    .entry-swiper .navigation-yk button i {
        font-size: 24px;
        color: #97572d;
    }

    .light-buton .text {
        font-size: 14px;
        padding: 0 15px;
        height: 40px;
    }

    .light-buton .icon {
        width: 40px;
        height: 40px;
    }

    .light-buton .icon i {
        font-size: 16px;
    }

    .yonkasoft-services {
        padding: 40px 0;
    }

    .swiper-services {
        overflow: hidden;
    }

    .yk-head {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 25px;
    }

    .yk-head .yk-head-title {
        font-size: 20px;
    }

    .yk-head .yk-head-title span {
        font-size: 16px;
    }

    .dark-buton .text {
        font-size: 12px;
        padding: 0 15px;
        height: 35px;
    }

    .dark-buton .icon {
        width: 35px;
        height: 35px;
    }

    .dark-buton .icon i {
        font-size: 14px;
    }

    .yk-services-card .card-media a img {
        border-radius: 15px;
    }

    .yk-services-card .card-media a .services-title {
        font-size: 14px;
        left: 20px;
        bottom: 20px;
    }

    .yk-services-card .card-media a .services-title::before {
        height: 20px;
    }

    .yonkasoft-about-us {
        padding: 40px 0;
    }

    .yonkasoft-about-us .about-us-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left {
        width: 100%;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .circle-shape {
        width: 50px;
        height: 50px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row {
        gap: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal {
        gap: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.big-left img {
        border-radius: 30px 10px 10px 10px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.big-right img {
        border-radius: 10px 10px 30px 10px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-right img {
        border-radius: 10px 30px 10px 10px;
        width: 150px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-left img {
        border-radius: 10px 10px 10px 30px;
        width: 150px;
    }

    .video-buton #spin-text {
        width: 75px;
        height: 75px;
    }

    .video-buton .icon {
        width: 75px;
        height: 75px;
    }

    .video-buton .icon i {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right {
        width: 100%;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right .yk-head {
        margin-bottom: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .yonkasoft-values {
        padding: 40px 0;
    }

    .yonkasoft-values .values-area {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .yonkasoft-values .values-area .values-item {
        padding: 20px;
        border-radius: 15px;
    }

    .yonkasoft-values .values-area .values-item .values-text {
        margin-bottom: 15px;
    }

    .yonkasoft-values .values-area .values-item .values-text .valus-icon {
        width: 35px;
        height: 35px;
    }

    .yonkasoft-values .values-area .values-item .values-text .valus-icon img {
        width: 18px;
    }

    .yonkasoft-values .values-area .values-item .values-text .values-title {
        font-size: 16px;
    }

    .yonkasoft-gallery {
        margin: 40px 0;
    }

    .yk-gallery-box a .zoom-icon i {
        font-size: 24px;
    }

    .yonkasoft-gallery .gallery-area button.prev {
        left: -15px;
    }

    .yonkasoft-gallery .gallery-area button.next {
        right: -15px;
    }

    .yonkasoft-gallery .gallery-area button {
        width: 35px;
        height: 35px;
    }

    .yonkasoft-gallery .gallery-area button i {
        font-size: 14px;
    }

    .yonkasoft-blog {
        padding: 40px 0;
    }

    .blog-card .card-link .card-image {
        border-radius: 15px;
    }

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

    .blog-card .card-link .card-title {
        font-size: 14px;
    }

    .blog-card .card-buton {
        font-size: 14px;
    }

    .footer {
        padding: 40px 0;
    }

    .footer .footer-wrap {
        flex-direction: column;
        gap: 10px;
    }

    .footer .footer-wrap .footer-item {
        width: 100%;
    }

    .footer .footer-wrap .footer-item .footer-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #A45F31;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .footer .footer-wrap .footer-item .footer-title i {
        font-size: 16px;
        color: #A45F31;
    }

    .footer .footer-wrap .footer-item ul {
        display: none;
        padding-bottom: 10px;
    }

    .footer .footer-wrap .footer-item .contact-group a {
        padding: 15px;
        border-radius: 10px;
        gap: 5px;
    }
	
	.copyright {
		margin-bottom: 80px;
	}

    .copyright .copyright-wrap {
        height: 60px;
    }

    .copyright .copyright-wrap .left-item p {
        font-size: 12px;
    }

    .copyright .copyright-wrap .middle-item {
        display: none;
    }

    .copyright .copyright-wrap .middle-item .footer-logo a img {
        width: 80px;
        padding: 10px;
    }

    .copyright .copyright-wrap .right-item .yonkasoft a img {
        width: 100px;
    }

    .yonkasoft-breadcrumb {
        height: 250px;
        margin-bottom: 40px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content {
        margin: 0 0 -20px;
        gap: 20px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content h1 {
        font-size: 20px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb {
        height: 40px;
        padding: 0 15px;
        width: 250px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p {
        overflow-x: scroll;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p::-webkit-scrollbar {
        display: none;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p * {
        width: max-content;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p a {
        font-size: 12px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p .separator:before {
        height: 15px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p .last {
        font-size: 12px;
    }

    .about-us-page {
        padding: 40px 0;
    }

    .about-us-page .about-us-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .about-us-page .about-us-wrap .about-us-left {
        width: 100%;
    }

    .about-us-page .about-us-wrap .about-us-left .vertical {
        gap: 20px;
    }

    .about-us-page .about-us-wrap .about-us-left .vertical .about-image img {
        border-radius: 20px;
    }

    .about-us-page .about-us-wrap .about-us-right {
        width: 100%;
    }

    .about-us-page .about-us-wrap .about-us-right .about-us-title {
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .about-us-page .about-us-wrap .about-us-right p {
        font-size: 14px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .about-us-page .about-us-wrap .about-us-right h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .content-page {
        padding: 40px 0;
    }

    .content-page .content-row {
        flex-direction: column;
        gap: 25px;
    }

    .content-side {
        width: 100%;
        padding-right: unset;
        border-right: unset;
    }

    .content-side .content-sticky {
        position: unset;
    }

    .side-buttons {
        margin-bottom: 25px;
        gap: 10px;
    }

    .last-posts {
        padding: 20px;
    }

    .last-posts .last-posts-title {
        font-size: 14px;
    }

    .content-detail {
        width: 100%;
    }

    .content-detail .content-wrap {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .content-detail-page {
        padding: 40px 0;
    }

    .content-detail-page .content-row {
        flex-direction: column;
        padding: 25px;
        gap: 20px;
    }

    .content-list .title {
        font-size: 14px;
    }

    .content-list {
        margin-bottom: 20px;
    }

    .content-list a {
        font-size: 12px;
    }

    .other-list .title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .other-list a {
        font-size: 12px;
    }

    .content-detail h1,
    .content-detail h2,
    .content-detail h3,
    .content-detail h4,
    .content-detail h5,
    .content-detail h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .content-detail p {
        font-size: 12px;
        line-height: 20px;
    }

    .content-detail ul {
        padding-bottom: 15px;
    }

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

    body .alert {
        font-size: 12px;
    }

    .gallery-page {
        padding: 40px 0;
    }

    .gallery-page .gallery-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 20px 25px;
    }

    .contact-page {
        padding: 40px 0;
    }

    .contact-page .contact-box-wrap {
        flex-direction: column;
        margin-bottom: 25px;
        gap: 30px;
    }

    .contact-page .contact-box-wrap .contact-box {
        width: 100%;
        height: 100px;
        flex: unset;
        padding: 15px 20px;
    }

    .contact-page .contact-box-wrap .contact-box .icon {
        width: 40px;
        height: 40px;
    }

    .contact-page .contact-box-wrap .contact-box .icon i {
        font-size: 16px;
    }

    .contact-page .contact-box-wrap .contact-box a {
        font-size: 14px;
    }

    .contact-page .contact-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .contact-page .contact-wrap .contact-left {
        width: 100%;
    }

    .contact-page .contact-wrap .contact-left .maps iframe {
        height: 250px;
        border-radius: 15px;
    }

    .contact-page .contact-wrap .contact-right {
        width: 100%;
        padding: 25px;
        border-radius: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-page .contact-wrap .contact-right .row {
        row-gap: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-item input {
        height: 35px;
        font-size: 12px;
    }

    .contact-page .contact-wrap .contact-right .form-submit {
        margin-top: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-submit input {
        width: 100px;
        height: 40px;
        font-size: 14px;
    }

    .fullVideos .videosWrap .videosBox {
        width: 300px;
    }
	.mobilefooter-sticky {
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body .container-fluid {
        padding: 0 20px;
    }

    .topbar .topbar-flex {
        justify-content: space-between;
        height: 40px;
    }

    .topbar .topbar-flex .topbar-left {
        width: 100%;
        justify-content: space-between;
        gap: unset;
    }

    .topbar .topbar-flex .topbar-left a {
        font-size: 12px;
    }

    .topbar .topbar-flex .topbar-left a i {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .yonkasoft-header .header-wrap {
        padding: 0 20px;
        border-radius: 20px;
        justify-content: space-between;
    }

    .yonkasoft-header .header-wrap nav {
        display: none;
    }

    w .yonkasoft-header .header-wrap .left-bar {
        flex: unset;
    }

    .yonkasoft-header .header-wrap .left-bar .logo a img {
        width: 100px;
        padding: 10px;
    }

    .yonkasoft-header .header-wrap .center-bar .logo:before {
        visibility: hidden;
    }

    .yonkasoft-header .header-wrap .center-bar {
        display: none;
    }

    .yonkasoft-header .header-wrap .right-bar {
        flex: unset;
    }

    .yonkasoft-entry {
        height: 600px;
    }

    .entry-swiper .swiper-wrapper .swiper-slide {
        padding: 40px 0;
    }

    .yonkasoft-entry .entry-wrapper .entry-text {
        padding: 0 40px 50px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text .title {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text .title span {
        font-size: 20px;
    }

    .yonkasoft-entry .entry-wrapper .entry-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
        width: fit-content;
    }

    .entry-swiper .navigation-yk {
        position: absolute;
        right: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 15px;
        background-color: #fff;
        z-index: 9;
        padding: 5px 10px;
        border-radius: 50px 0 50px 50px;
    }

    .entry-swiper .navigation-yk button {
        width: fit-content;
        height: fit-content;
        position: unset;
        transform: translate(0);
        background: unset;
        border: unset;
    }

    .entry-swiper .navigation-yk button:hover {
        background-color: unset;
    }

    .entry-swiper .navigation-yk button i {
        font-size: 24px;
        color: #a05d30;
    }

    .light-buton .text {
        font-size: 14px;
        padding: 0 15px;
        height: 40px;
    }

    .light-buton .icon {
        width: 40px;
        height: 40px;
    }

    .light-buton .icon i {
        font-size: 16px;
    }

    .yonkasoft-services {
        padding: 40px 0;
    }

    .swiper-services {
        overflow: hidden;
    }

    .yk-head {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 25px;
    }

    .yk-head .yk-head-title {
        font-size: 28px;
    }

    .yk-head .yk-head-title span {
        font-size: 16px;
    }

    .dark-buton .text {
        font-size: 12px;
        padding: 0 15px;
        height: 35px;
    }

    .dark-buton .icon {
        width: 35px;
        height: 35px;
    }

    .dark-buton .icon i {
        font-size: 14px;
    }

    .yk-services-card .card-media a img {
        border-radius: 15px;
    }

    .yk-services-card .card-media a .services-title {
        font-size: 14px;
        left: 20px;
        bottom: 20px;
    }

    .yk-services-card .card-media a .services-title::before {
        height: 20px;
    }

    .yonkasoft-about-us {
        padding: 40px 0;
    }

    .yonkasoft-about-us .about-us-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left {
        width: 100%;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row {
        gap: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal {
        gap: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.big-left img {
        border-radius: 30px 10px 10px 10px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.big-right img {
        border-radius: 10px 10px 30px 10px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-right img {
        border-radius: 10px 30px 10px 10px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-left img {
        border-radius: 10px 10px 10px 30px;
    }

    .video-buton #spin-text {
        width: 75px;
        height: 75px;
    }

    .video-buton .icon {
        width: 75px;
        height: 75px;
    }

    .video-buton .icon i {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right {
        width: 100%;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right .yk-head {
        margin-bottom: 15px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-right p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .yonkasoft-values {
        padding: 40px 0;
    }

    .yonkasoft-values .values-area {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .yonkasoft-values .values-area .values-item {
        padding: 20px;
        border-radius: 15px;
    }

    .yonkasoft-values .values-area .values-item .values-text {
        margin-bottom: 15px;
    }

    .yonkasoft-values .values-area .values-item .values-text .valus-icon {
        width: 35px;
        height: 35px;
    }

    .yonkasoft-values .values-area .values-item .values-text .valus-icon img {
        width: 18px;
    }

    .yonkasoft-values .values-area .values-item .values-text .values-title {
        font-size: 16px;
    }

    .yonkasoft-gallery {
        margin: 40px 0;
    }

    .yk-gallery-box a .zoom-icon i {
        font-size: 24px;
    }

    .yonkasoft-gallery .gallery-area button.prev {
        left: -15px;
    }

    .yonkasoft-gallery .gallery-area button.next {
        right: -15px;
    }

    .yonkasoft-gallery .gallery-area button {
        width: 35px;
        height: 35px;
    }

    .yonkasoft-gallery .gallery-area button i {
        font-size: 14px;
    }

    .yonkasoft-blog {
        padding: 40px 0;
    }

    .blog-card .card-link .card-image {
        border-radius: 15px;
    }

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

    .blog-card .card-link .card-title {
        font-size: 14px;
    }

    .blog-card .card-buton {
        font-size: 14px;
    }

    .footer {
        padding: 40px 0;
    }

    .footer .footer-wrap {
        flex-direction: column;
        gap: 10px;
    }

    .footer .footer-wrap .footer-item {
        width: 100%;
    }

    .footer .footer-wrap .footer-item .footer-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #A45F31;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .footer .footer-wrap .footer-item .footer-title i {
        font-size: 16px;
        color: #A45F31;
    }

    .footer .footer-wrap .footer-item ul {
        display: none;
        padding-bottom: 10px;
    }

    .footer .footer-wrap .footer-item .contact-group a {
        padding: 15px;
        border-radius: 10px;
        gap: 5px;
    }

    .copyright .copyright-wrap {
        height: 60px;
    }

    .copyright .copyright-wrap .left-item p {
        font-size: 12px;
    }

    .copyright .copyright-wrap .middle-item {
        display: none;
    }

    .copyright .copyright-wrap .middle-item .footer-logo a img {
        width: 80px;
        padding: 10px;
    }

    .copyright .copyright-wrap .right-item .yonkasoft a img {
        width: 100px;
    }

    .yonkasoft-breadcrumb {
        height: 250px;
        margin-bottom: 40px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content {
        margin: 0 0 -20px;
        gap: 20px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content h1 {
        font-size: 20px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb {
        height: 40px;
        padding: 0 15px;
        width: 250px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p {
        overflow-x: scroll;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p::-webkit-scrollbar {
        display: none;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p * {
        width: max-content;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p a {
        font-size: 12px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p .separator:before {
        height: 15px;
    }

    .yonkasoft-breadcrumb .breadcrumb-wrap .breadcrumb-content .rank-math-breadcrumb p .last {
        font-size: 12px;
    }

    .about-us-page {
        padding: 40px 0;
    }

    .about-us-page .about-us-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .about-us-page .about-us-wrap .about-us-left {
        width: 100%;
    }

    .about-us-page .about-us-wrap .about-us-left .vertical {
        gap: 20px;
        flex-direction: unset;
    }

    .about-us-page .about-us-wrap .about-us-left .vertical .about-image img {
        border-radius: 20px;
    }

    .about-us-page .about-us-wrap .about-us-right {
        width: 100%;
    }

    .about-us-page .about-us-wrap .about-us-right .about-us-title {
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .about-us-page .about-us-wrap .about-us-right p {
        font-size: 14px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .about-us-page .about-us-wrap .about-us-right h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .content-page {
        padding: 40px 0;
    }

    .content-page .content-row {
        flex-direction: column;
        gap: 25px;
    }

    .content-side {
        width: 100%;
        padding-right: unset;
        border-right: unset;
    }

    .content-side .content-sticky {
        position: unset;
    }

    .side-buttons {
        margin-bottom: 25px;
        gap: 10px;
    }

    .last-posts {
        padding: 20px;
    }

    .last-posts .last-posts-title {
        font-size: 14px;
    }

    .content-detail {
        width: 100%;
    }

    .content-detail .content-wrap {
        gap: 20px;
    }

    .content-detail-page {
        padding: 40px 0;
    }

    .content-detail-page .content-row {
        flex-direction: column;
        padding: 25px;
        gap: 20px;
    }

    .content-list .title {
        font-size: 14px;
    }

    .content-list {
        margin-bottom: 20px;
    }

    .content-list a {
        font-size: 12px;
    }

    .other-list .title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .other-list a {
        font-size: 12px;
    }

    .content-detail h1,
    .content-detail h2,
    .content-detail h3,
    .content-detail h4,
    .content-detail h5,
    .content-detail h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .content-detail p {
        font-size: 12px;
        line-height: 20px;
    }

    .content-detail ul {
        padding-bottom: 15px;
    }

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

    body .alert {
        font-size: 12px;
    }

    .gallery-page {
        padding: 40px 0;
    }

    .gallery-page .gallery-wrap {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px 25px;
    }

    .contact-page {
        padding: 40px 0;
    }

    .contact-page .contact-box-wrap {
        flex-direction: column;
        margin-bottom: 25px;
        gap: 30px;
    }

    .contact-page .contact-box-wrap .contact-box {
        width: 100%;
        height: 100px;
        flex: unset;
        padding: 15px 20px;
    }

    .contact-page .contact-box-wrap .contact-box .icon {
        width: 40px;
        height: 40px;
    }

    .contact-page .contact-box-wrap .contact-box .icon i {
        font-size: 16px;
    }

    .contact-page .contact-box-wrap .contact-box a {
        font-size: 14px;
    }

    .contact-page .contact-wrap {
        flex-direction: column;
        gap: 25px;
    }

    .contact-page .contact-wrap .contact-left {
        width: 100%;
    }

    .contact-page .contact-wrap .contact-left .maps iframe {
        height: 250px;
        border-radius: 15px;
    }

    .contact-page .contact-wrap .contact-right {
        width: 100%;
        padding: 25px;
        border-radius: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-page .contact-wrap .contact-right .row {
        row-gap: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-item input {
        height: 35px;
        font-size: 12px;
    }

    .contact-page .contact-wrap .contact-right .form-submit {
        margin-top: 15px;
    }

    .contact-page .contact-wrap .contact-right .form-submit input {
        width: 100px;
        height: 40px;
        font-size: 14px;
    }

    .fullVideos .videosWrap .videosBox {
        width: 600px;
    }
}

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

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

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    body .container-fluid {
        padding: 0 40px;
    }

    .yonkasoft-header .header-wrap {
        padding: 0 20px;
    }

    .yonkasoft-about-us .about-us-wrap {
        gap: 60px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-left img {
        width: 200px;
    }

    .yonkasoft-about-us .about-us-wrap .about-us-left .left-row .horizontal .about-image.small-right img {
        width: 200px;
    }

    .about-us-page .about-us-wrap {
        align-items: flex-start;
        gap: 60px;
    }

    .about-us-page .about-us-wrap .about-us-left {
        position: sticky;
        top: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .mobile-menu-button {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mobile-menu-button .mobil-dot {
        display: flex;
        flex-wrap: wrap;
        width: 25px;
        height: 25px;
        gap: 5px;
    }

    .mobile-menu-button .mobil-dot .dot {
        width: 10px;
        height: 10px;
        display: block;
        background-color: #A45F31;
        border-radius: 2px;
    }

    .mobile-menu-button .mobil-dot .dot:nth-child(1) {
        background-color: #fff;
    }

    .mobile-menu-button .mobil-dot .dot:nth-child(4) {
        background-color: #fff;
    }

    .mobile-menu-button .text {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        margin-top: 5px;
    }

    .yk-mobile-menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
        z-index: 9999;
    }

    .yk-mobile-menu.active {
        transform: translateX(0);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
    }

    .yk-mobile-menu .mobile-menu-wrap {
        display: flex;
        height: 100%;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content {
        width: 100%;
        position: relative;
        background-color: #fff;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area {
        padding: 40px 20px;
        overflow-y: scroll;
        height: 100%;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area ul .menu-item:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area ul .menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area ul .menu-item a {
        font-size: 14px;
        font-weight: 500;
        color: #A45F31;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area ul .menu-item i {
        color: #A45F31;
        font-size: 16px;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area .sub-menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
        background-color: #fff;
        padding: 40px 20px;
        overflow-y: scroll;
        z-index: 9999;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area .sub-menu .back-child {
        display: flex;
        align-items: center;
        height: 35px;
        width: fit-content;
        background-color: #a45f313b;
        backdrop-filter: blur(2px);
        border: 1.5px solid #A45F31;
        border-radius: 10px;
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area .sub-menu .back-child i {
        margin-right: 5px;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .content-area .sub-menu.active {
        transform: translateX(0);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .close-mobile-menu {
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: 9999;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #a45f313b;
        backdrop-filter: blur(2px);
        border: 1.5px solid #A45F31;
        border-radius: 10px;
    }

    .yk-mobile-menu .mobile-menu-wrap .mobile-menu-content .close-mobile-menu i {
        font-size: 14px;
        color: #A45F31;
    }

    .menu-link-group {
        border-top: 1px solid #A45F31;
        margin-top: 20px;
        padding-top: 20px;
    }

    .menu-link-group ul li:not(:last-child) {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
    }

    .menu-link-group ul li a {
        font-size: 14px;
        font-weight: 500;
        color: #A45F31;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .menu-link-group ul li i {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #A45F31;
        background-color: #a45f313b;
        backdrop-filter: blur(2px);
        border: 1.5px solid #A45F31;
        border-radius: 100px;
    }

    .menu-link-group ul li a.whatsapp {
        color: #3AA700;
    }

    .menu-link-group ul li a.whatsapp i {
        background-color: #3aa70040;
        border-color: #3AA700;
        color: #3AA700;
    }

    .fullVideos .videosWrap .videosBox .videosClose {
        width: 35px;
        height: 35px;
        margin-bottom: 10px;
    }

    .fullVideos .videosWrap .videosBox .videosClose i {
        font-size: 16px;
    }
	
	.fixed-vision {
		bottom: 85px;
	}

    .fixed-vision .item-vision .sm-dd a {
        height: 50px;
    }

    .fixed-vision .item-vision .sm-dd a i {
        font-size: 28px;
		width: 40px;
        height: 40px;
    }

    .fixed-vision .item-vision .sm-dd a .text {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) {
    .mobile-menu-button {
        display: none;
    }

    .yonkasoft-header .header-wrap .left-bar .logo {
        display: none;
    }

    .footer .footer-wrap .footer-item .footer-title i {
        display: none;
    }

    .yk-mobile-menu {
        display: none;
    }
}