@media only screen and (max-width: 767px) {
    .letto-header .letto-head-main .letto-head-main-group .head-col .logo a img {
        width: 80px;
    }

    .letto-header .letto-head-main .letto-head-main-group {
        gap: 10px;
    }

    .letto-header .letto-head-main {
        padding: 15px 0;
    }

    .letto-hero {
        padding: 20px 0;
    }

    .swiper.swiper-hero-media .swiper-slide .content .text .text-image {
        height: 60px;
        left: -5px;
    }

    .swiper.swiper-hero-media .swiper-slide .content .content-image img {
        width: 50px;
    }

    .swiper.swiper-hero-media .swiper-slide .content {
        left: 50px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button {
        width: 25px;
        height: 25px;
        border-radius: 8px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button i {
        font-size: 14px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button.prev {
        left: 5px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button.next {
        right: 5px;
    }

    .letto-head {
        flex-direction: column;
        text-align: center;
    }

    .letto-head h2 {
        font-size: 22px;
        text-align: center;
        width: 100% !important;
    }

    .letto-head p {
        width: 100%;
    }

    .letto-products {
        margin: 40px 0 0;
    }

    .letto-products .letto-products-head .letto-head {
        margin: 0 0 20px;
    }

    .letto-products .letto-products-head .letto-head .letto-head-col.navigation {
        padding: 0;
        margin: 10px 0 0;
    }

    .letto-products .letto-products-body .letto-products-row {
        flex-direction: column-reverse;
    }

    .letto-products .letto-products-body .letto-products-row .products-col.media {
        width: 100%;
        margin: 30px 0 0;
    }

    .letto-products .letto-products-body .letto-products-row .products-col.slider {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .products-card {
        border-radius: 20px;
    }

    .products-card .card-image img {
        border-radius: 15px 15px 0 0;
    }

    .products-card .card-content {
        padding: 15px !important;
    }

    .products-card .card-content .content-group {
        flex-direction: column;
        width: 100%;
        padding: 0 0 8px !important;
        align-items: flex-start;
        margin: 0 0 8px !important;
    }

    .products-card .card-content .tax {
        font-size: 10px !important;
    }

    .products-card .card-content h3 {
        font-size: 14px !important;
        margin: 0 !important;
    }

    .products-card .card-content a {
        height: 28px;
        font-size: 10px;
    }

    .products-card .card-content a i {
        font-size: 11px;
    }

    .products-card .card-content p {
        font-size: 10px;
        line-height: 14px;
        max-width: 100% !important;
    }

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

    .letto-features .letto-head {
        margin: 0 0 20px;
    }

    .features-card {
        padding: 25px 10px;
        height: 180px;
    }

    .features-card .icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
    }

    .features-card .icon img {
        width: 20px;
    }

    .features-card .icon::before {
        width: 56px;
        height: 56px;
    }

    .features-card h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 5px;
    }

    .features-card p {
        font-size: 10px;
    }

    .letto-gallery {
        margin: 50px 0 0;
        padding: 40px 0;
    }

    .letto-gallery .gallery-lines span:nth-child(even) {
        display: none;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .text {
        font-size: 35px;
        text-align: center;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .images {
        left: 6px;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .images img {
        width: 150px;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .media img {
        height: 350px;
    }

    .letto-photos .letto-photos-group {
        grid-template-columns: 1fr;
    }

    .letto-photos .letto-photos-group .letto-photos-col {}

    .letto-photos .letto-photos-group .letto-photos-col .letto-photos-item {}

    .photos-card .title {
        font-size: 22px;
        line-height: 24px;
    }

    .photos-card p {
        font-size: 11px;
    }

    .head-filter {
        overflow-x: scroll;
    }

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

    .head-filter .filter-group {
        width: max-content;
        gap: 10px;
    }

    .head-filter .filter-group a {
        height: 35px;
        font-size: 12px;
        padding: 0 20px;
    }

    .letto-writings .letto-head .letto-head-col.filter {
        width: 100%;
    }

    .writings-card .card-content h3 {
        max-width: 100%;
        font-size: 15px;
        margin: 0 0 5px;
    }

    .writings-card .card-content p {
        font-size: 11px;
    }

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

    .letto-footer .letto-footer-logos img.shapes {
        width: 200%;
        top: -80%;
    }

    .letto-footer .letto-footer-logos .logos-group img {
        height: 35px;
    }

    .letto-footer .letto-footer-logos .logos-group {
        padding: 40px 0;
    }

    .letto-footer-main {
        padding: 50px 0;
    }

    .letto-footer-journal .social-links .social-links-group {
        justify-content: center;
    }

    .letto-footer-journal .journals-form {
        margin: 0 0 20px;
    }

    .letto-footer-journal .journals-form form .letto-input-group input {
        height: 50px;
        font-size: 14px;
    }

    .letto-footer-journal .journals-form form .letto-input-group input::placeholder {
        font-size: 14px;
    }

    .letto-footer-journal .journals-form form .letto-input-group button {}

    .letto-footer-journal {
        padding: 0 0 25px;
    }

    .letto-footer-main .letto-footer-menus-group {
        padding: 50px 0 0;
    }

    .letto-footer-main .letto-footer-menus-group .row .col {
        width: 100%;
        flex: 1 !important;
        padding: 0 !important;
    }

    .letto-footer-main .letto-footer-menus-group .row .col:not(:last-child) {
        margin: 0 0 30px;
    }

    .letto-footer-main .letto-footer-menus-group .row {
        flex-direction: column;
        margin: 0;
    }

    .letto-footer-main .letto-footer-menus-group .row .col .footer-menu-item .menu-content ul {
        gap: 10px;
    }

    .letto-footer-main .letto-footer-menus-group .row .col .footer-menu-item .title {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .letto-footer-copyright {
        padding: 20px 0;
    }

    .letto-footer-copyright .letto-footer-copyright-group .copyright-col p {
        font-size: 12px;
    }

    .letto-footer-copyright .letto-footer-copyright-group .copyright-col a.powered img {
        height: 10px;
    }

    .about-content-card .content-main {
        width: 100%;
        padding: 30px 0;
    }

    .about-content-card .content-main .logo {
        margin: 0 0 20px;
    }

    .about-content-card .content-main .logo img {
        height: 40px;
    }

    .about-content-card .content-main p {
        font-size: 12px;
        line-height: 22px;
    }

    .about-content-card .card-shapes {
        display: none;
    }

    .about-content-card .card-shapes img {}

    .about-content-card .card-shapes.left {}

    .about-content-card .card-shapes.right {}

    .about-content-card {
        padding: 0 15px;
    }

    .about-videos {
        margin: 50px 0;
    }

    .about-videos .about-videos-wrapper h1 {
        width: 100%;
        font-size: 22px;
        line-height: 28px;
    }

    .about-videos .about-videos-wrapper {
        gap: 30px;
    }

    .about-videos .about-videos-wrapper .videos-detail-wrapper .videos-card {
        width: 100%;
    }

    .videos-card .videos-wallpaper img,
    .videos-card .videos-main video {
        height: 200px;
    }

    .videos-card .videos-content {
        left: 20px;
        width: 90px;
    }

    .videos-card .videos-content .title {
        font-size: 24px;
    }

    .videos-card .videos-control .videos-control-button {
        width: 40px;
        height: 40px;
    }

    .videos-card .videos-control .videos-control-button i {
        font-size: 14px;
    }

    .videos-card .videos-control .videos-control-button::before {
        width: 60px;
        height: 60px;
    }

    .about-content-button-bar .container .button-bar-area .button-bar-group {
        gap: 20px;
        width: max-content;
    }

    .about-content-button-bar .container .button-bar-area .button-bar-group a {
        font-size: 11px;
        height: 40px;
        padding: 0 30px;
    }

    .about-content-button-bar .container .button-bar-area {
        overflow-x: scroll;
    }

    .about-content-button-bar .container .button-bar-area::-webkit-scrollbar {
        display: none;
    }

    .about-content-button-bar {
        height: 40px;
    }

    .about-content-button-bar .container .button-bar-area.fixed-bar {
        padding: 15px;
    }

    .about-content-area {
        margin: 50px 0 0;
    }

    .about-content-area .content-row {
        width: 100%;
    }

    .about-content-area .content-row .content-main h2 {
        font-size: 22px;
    }

    .about-content-area .content-row .content-main p {
        font-size: 14px;
        max-width: 100%;
        line-height: 24px;
    }

    .about-content-area .content-row .content-main {
        margin: 0 0 20px;
        display: block;
    }

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

    .about-content-area .content-row:nth-child(even) .content-main {
        padding: 0;
    }

    .about-content-historical {
        margin: 50px 0;
    }

    .about-content-historical .historical-card .card-content {
        padding: 0;
    }

    .about-content-historical .historical-card .card-content h2 {
        font-size: 22px;
    }

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

    .about-content-historical .historical-card .card-media {
        margin: 30px 0 0;
    }

    .about-content-historical .historical-card {
        padding: 40px 0 0;
    }

    .about-content-historical .historical-card .card-media img {}

    .about-content-production {
        margin: 150px 0 0;
    }

    .about-content-production .container .production-wrapper .production-head h2 {
        font-size: 24px;
        margin: 0 0 15px;
    }

    .about-content-production .container .production-wrapper .production-head p {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
        margin: 0 0 10px;
    }

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

    .letto-blog-detail .letto-blog-detail-wrapper .blog-head h1 {
        max-width: 100%;
        font-size: 22px;
        line-height: 28px;
    }

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

    .letto-blog-detail .letto-blog-detail-wrapper .blog-content img {
        width: 100%;
    }

    .letto-page-head .page-head-wrapper .page-head-group .title h1 {
        font-size: 22px;
    }

    .letto-page-head .page-head-wrapper .page-head-group {
        padding: 25px 0;
    }

    .blog-card .card-content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-card .card-content .time {
        font-size: 10px;
    }

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

    .letto-contact-page .contact-page-wrapper .contact-info-card .card-top p {
        font-size: 13px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item .label {
        font-size: 14px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item a {
        font-size: 14px;
        line-height: 20px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item {
        margin: 0 0 25px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .card-top {
        margin: 0 0 30px;
    }

    .letto-contact-page {
        margin: 30px 0 0;
    }

    .letto-contact-page .contact-page-form {
        width: 100%;
        float: unset;
    }

    .letto-input-group input,
    .letto-input-group select,
    .letto-input-group textarea {
        height: 45px;
        font-size: 13px;
    }

    .letto-input-group textarea {
        height: 100px;
    }

    .letto-input-group input::placeholder,
    .letto-input-group select::placeholder,
    .letto-input-group textarea::placeholder {
        font-size: 13px;
    }

    .fairs-card .card-content h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .fairs-card .card-content p {
        font-size: 12px;
    }

    .fairs-card .card-content .letto-button {
        height: 35px;
    }

    .letto-fairs-page .letto-fairs-wrapper .detail-media .swiper-navigation-button.prev {
        left: 30px;
    }

    .letto-fairs-page .letto-fairs-wrapper .detail-media .swiper-navigation-button.next {
        right: 30px;
    }

    body .letto-swiper-pagination {
        bottom: 0 !important;
    }

    .swiper.swiper-fairs .swiper-wrapper .swiper-slide .media img {
        border-radius: 15px;
    }

    .letto-fairs-page {
        margin: 25px 0 0;
    }

    .letto-fairs-list {
        margin: 50px 0 0;
    }

    .letto-fairs-content .content-head .sub-image {
        height: 30px;
    }

    .letto-fairs-content .content-head h1 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 5px;
    }

    .letto-fairs-content .content-head .date {
        font-size: 13px;
    }

    .letto-fairs-content {
        margin: 30px 0 0;
    }

    .letto-fairs-content .content-main p {
        font-size: 14px;
        line-height: 26px;
    }

    .letto-product-detail .detail-media .media img {
        border-radius: 20px;
    }

    .letto-product-detail .detail-media .content .title {
        font-size: 30px;
        margin: 0;
    }

    .letto-product-detail .detail-media .content .subtitle {
        font-size: 12px;
        letter-spacing: 10px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button {
        width: 25px;
        height: 25px;
        border-radius: 8px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button i {
        font-size: 14px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button.prev {
        left: 20px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button.next {
        right: 20px;
    }

    .letto-product-detail .detail-bar .detail-bar-group .bar-title h2 {
        font-size: 20px;
    }

    .letto-product-detail .detail-bar .detail-bar-group .bar-button .letto-button {
        height: 35px;
        font-size: 10px;
    }

    .letto-product-detail .detail-bar {
        padding: 25px 0;
    }

    .letto-product-detail-content .content-row .content-main h2 {
        font-size: 20px;
    }

    .letto-product-detail-content .content-row .content-main p {
        font-size: 13px;
        line-height: 26px;
        max-width: 100%;
    }

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

    .letto-product-detail-content .content-row:nth-child(even) .content-main {
        align-items: flex-start;
        text-align: left;
    }

    .letto-product-detail-content .content-row:not(:last-child) {
        margin: 0 0 50px;
    }

    .letto-product-detail-content .content-row .content-main {
        margin: 0 0 20px;
    }

    .videos-card {
        width: 100%;
    }

    .letto-product-page .products-card .card-content {
        padding: 20px;
    }

}


@media only screen and (min-width:768px) and (max-width: 991px) {
    .letto-header .letto-head-main .letto-head-main-group .head-col.head-menus .menu-group {
        padding: 30px 50px !important;
    }

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

    .letto-header .letto-head-main {
        padding: 15px 0;
    }

    .letto-header .letto-topbar .topbar-group .topbar-col.middle {
        justify-content: flex-end;
    }

    .letto-header .letto-head-main .letto-head-main-group {
        gap: 10px;
    }

    .letto-hero {
        padding: 30px 0;
    }

    .swiper.swiper-hero-media .swiper-slide .content .text .text-image {
        height: 60px;
        left: -5px;
    }

    .swiper.swiper-hero-media .swiper-slide .content .content-image img {
        width: 50px;
    }

    .swiper.swiper-hero-media .swiper-slide .content {
        left: 50px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button {
        width: 25px;
        height: 25px;
        border-radius: 8px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button i {
        font-size: 14px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button.prev {
        left: 5px;
    }

    .letto-hero .letto-hero-wrapper .letto-hero-media-slider .swiper-navigation-button.next {
        right: 5px;
    }

    .letto-head {
        flex-direction: column;
        text-align: center;
    }

    .letto-head h2 {
        font-size: 22px;
        text-align: center;
        width: 100% !important;
    }

    .letto-head p {
        width: 100%;
    }

    .letto-products {
        margin: 40px 0 0;
    }

    .letto-products .letto-products-head .letto-head {
        margin: 0 0 20px;
    }

    .letto-products .letto-products-head .letto-head .letto-head-col.navigation {
        padding: 0;
        margin: 10px 0 0;
    }

    .letto-products.hero-products .letto-products-head .letto-head::before {
        top: unset;
        bottom: 20px;
    }

    .letto-products .letto-products-body .letto-products-row {
        flex-direction: column-reverse;
    }

    .letto-products .letto-products-body .letto-products-row .products-col.media {
        width: 100%;
        margin: 30px 0 0;
    }

    .letto-products .letto-products-body .letto-products-row .products-col.slider {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .products-card {
        border-radius: 20px;
    }

    .products-card .card-image img {
        border-radius: 15px 15px 0 0;
    }

    .products-card .card-content {
        padding: 15px !important;
    }

    .products-card .card-content .content-group {
        flex-direction: column;
        width: 100%;
        padding: 0 0 8px !important;
        align-items: flex-start;
        margin: 0 0 8px !important;
    }

    .products-card .card-content .tax {
        font-size: 11px !important;
    }

    .products-card .card-content h3 {
        font-size: 18px !important;
        margin: 0 !important;
    }

    .products-card .card-content a {
        height: 28px;
        font-size: 10px;
    }

    .products-card .card-content a i {
        font-size: 11px;
    }

    .products-card .card-content p {
        font-size: 11px;
        line-height: 14px;
        max-width: 100% !important;
    }

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

    .letto-features .letto-head {
        margin: 0 0 20px;
    }

    .features-card {
        padding: 25px 10px;
        height: 180px;
    }

    .features-card .icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
    }

    .features-card .icon img {
        width: 20px;
    }

    .features-card .icon::before {
        width: 56px;
        height: 56px;
    }

    .features-card h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 5px;
    }

    .features-card p {
        font-size: 10px;
    }

    .letto-gallery {
        margin: 50px 0 0;
        padding: 40px 0;
    }

    .letto-gallery .gallery-lines span:nth-child(even) {
        display: none;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content {
        left: 50px;
        transform: translate(0, -50%);
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .text {
        font-size: 35px;
        text-align: left;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .images {
        left: -18px;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .content .images img {
        width: 150px;
    }

    .swiper.swiper-gallery .swiper-wrapper .swiper-slide .media img {
        height: 350px;
    }

    .letto-photos .letto-photos-group {
        grid-template-columns: 1fr;
    }

    .letto-photos .letto-photos-group .letto-photos-col {}

    .letto-photos .letto-photos-group .letto-photos-col .letto-photos-item {}

    .photos-card .title {
        font-size: 30px;
        line-height: 34px;
    }

    .photos-card p {
        font-size: 14px;
        max-width: 50%;
        line-height: 20px;
    }

    .head-filter {
        overflow-x: scroll;
    }

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

    .head-filter .filter-group {
        width: 100%;
        gap: 10px;
        justify-content: center;
    }

    .head-filter .filter-group a {
        height: 35px;
        font-size: 12px;
        padding: 0 20px;
    }

    .letto-writings .letto-head .letto-head-col.filter {
        width: 100%;
    }

    .writings-card .card-content h3 {
        max-width: 100%;
        font-size: 15px;
        margin: 0 0 5px;
    }

    .writings-card .card-content p {
        font-size: 11px;
    }

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

    .letto-footer .letto-footer-logos img.shapes {
        width: 200%;
        top: -80%;
    }

    .letto-footer .letto-footer-logos .logos-group img {
        height: 35px;
    }

    .letto-footer .letto-footer-logos .logos-group {
        padding: 40px 0;
    }

    .letto-footer-main {
        padding: 50px 0;
    }

    .letto-footer-journal .social-links .social-links-group {
        justify-content: center;
    }

    .letto-footer-journal .journals-form {
        margin: 0 0 20px;
    }

    .letto-footer-journal .journals-form form .letto-input-group input {
        height: 50px;
        font-size: 14px;
    }

    .letto-footer-journal .journals-form form .letto-input-group input::placeholder {
        font-size: 14px;
    }

    .letto-footer-journal .journals-form form .letto-input-group button {}

    .letto-footer-journal {
        padding: 0 0 25px;
    }

    .letto-footer-main .letto-footer-menus-group {
        padding: 50px 0 0;
    }

    .letto-footer-main .letto-footer-menus-group .row .col {
        width: 100%;
        flex: 1 !important;
        padding: 0 !important;
    }

    .letto-footer-main .letto-footer-menus-group .row .col:not(:last-child) {
        margin: 0 0 30px;
    }

    .letto-footer-main .letto-footer-menus-group .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .letto-footer-main .letto-footer-menus-group .row .col .footer-menu-item .menu-content ul {
        gap: 10px;
    }

    .letto-footer-main .letto-footer-menus-group .row .col .footer-menu-item .title {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .letto-footer-copyright {
        padding: 20px 0;
    }

    .letto-footer-copyright .letto-footer-copyright-group .copyright-col p {
        font-size: 12px;
    }

    .letto-footer-copyright .letto-footer-copyright-group .copyright-col a.powered img {
        height: 10px;
    }

    .about-content-card .content-main {
        width: 60%;
        padding: 30px 0;
    }

    .about-content-card .content-main .logo {
        margin: 0 0 20px;
    }

    .about-content-card .content-main .logo img {
        height: 40px;
    }

    .about-content-card .content-main p {
        font-size: 12px;
        line-height: 22px;
    }

    .about-content-card .card-shapes {
        display: none;
    }

    .about-content-card .card-shapes img {}

    .about-content-card .card-shapes.left {}

    .about-content-card .card-shapes.right {}

    .about-content-card {
        padding: 0 15px;
    }

    .about-videos {
        margin: 50px 0;
    }

    .about-videos .about-videos-wrapper h1 {
        width: 100%;
        font-size: 28px;
        line-height: 36px;
    }

    .about-videos .about-videos-wrapper {
        gap: 30px;
    }

    .about-videos .about-videos-wrapper .videos-detail-wrapper .videos-card {
        width: 100%;
    }

    .videos-card .videos-wallpaper img,
    .videos-card .videos-main video {
        height: 300px;
    }

    .videos-card .videos-content {
        left: 20px;
        width: 90px;
    }

    .videos-card .videos-content .title {
        font-size: 24px;
    }

    .videos-card .videos-control .videos-control-button {
        width: 50px;
        height: 50px;
    }

    .videos-card .videos-control .videos-control-button i {
        font-size: 18px;
    }

    .videos-card .videos-control .videos-control-button::before {
        width: 70px;
        height: 70px;
    }

    .about-content-button-bar .container .button-bar-area .button-bar-group {
        gap: 20px;
        width: 100%;
    }

    .about-content-button-bar .container .button-bar-area .button-bar-group a {
        font-size: 11px;
        height: 40px;
        padding: 0 30px;
    }

    .about-content-button-bar .container .button-bar-area {
        overflow-x: scroll;
    }

    .about-content-button-bar .container .button-bar-area::-webkit-scrollbar {
        display: none;
    }

    .about-content-button-bar {
        height: 40px;
    }

    .about-content-button-bar .container .button-bar-area.fixed-bar {
        padding: 15px;
    }

    .about-content-area {
        margin: 50px 0 0;
    }

    .about-content-area .content-row {
        width: 100%;
    }

    .about-content-area .content-row .content-main h2 {
        font-size: 22px;
    }

    .about-content-area .content-row .content-main p {
        font-size: 14px;
        max-width: 100%;
        line-height: 24px;
    }

    .about-content-area .content-row .content-main {
        margin: 0 0 20px;
        display: flex;
    }

    .about-content-area .content-row:nth-child(even) .row {}

    .about-content-area .content-row:nth-child(even) .content-main {
        padding: 30px;
    }

    .about-content-historical {
        margin: 50px 0;
    }

    .about-content-historical .historical-card .card-content {
        padding: 40px 0;
    }

    .about-content-historical .historical-card .card-content h2 {
        font-size: 22px;
    }

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

    .about-content-historical .historical-card .card-media {
        margin: 30px 0 0;
    }

    .about-content-historical .historical-card {
        padding: 0;
    }

    .about-content-historical .historical-card .card-media img {}

    .about-content-production {
        margin: 150px 0 0;
    }

    .letto-production-slider .swiper {
        width: 50% !important;
    }

    .about-content-production .container .production-wrapper .production-head h2 {
        font-size: 24px;
        margin: 0 0 15px;
    }

    .about-content-production .container .production-wrapper .production-head p {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
        margin: 0 0 10px;
    }

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

    .letto-blog-detail .letto-blog-detail-wrapper .blog-head h1 {
        max-width: 100%;
        font-size: 22px;
        line-height: 28px;
    }

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

    .letto-blog-detail .letto-blog-detail-wrapper .blog-content img {
        width: 100%;
    }

    .letto-page-head .page-head-wrapper .page-head-group .title h1 {
        font-size: 26px;
    }

    .letto-page-head .page-head-wrapper .page-head-group {
        padding: 25px 0;
    }

    .blog-card .card-content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-card .card-content .time {
        font-size: 10px;
    }

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

    .letto-contact-page .contact-page-wrapper .contact-info-card .card-top p {
        font-size: 13px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item .label {
        font-size: 14px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item a {
        font-size: 14px;
        line-height: 20px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .info-group .info-item {
        margin: 0 0 25px;
    }

    .letto-contact-page .contact-page-wrapper .contact-info-card .card-top {
        margin: 0 0 30px;
    }

    .letto-contact-page {
        margin: 30px 0 0;
    }

    .letto-contact-page .contact-page-form {
        width: 100%;
        float: unset;
    }

    .letto-input-group input,
    .letto-input-group select,
    .letto-input-group textarea {
        height: 45px;
        font-size: 13px;
    }

    .letto-input-group textarea {
        height: 100px;
    }

    .letto-input-group input::placeholder,
    .letto-input-group select::placeholder,
    .letto-input-group textarea::placeholder {
        font-size: 13px;
    }

    .fairs-card .card-content h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .fairs-card .card-content p {
        font-size: 12px;
    }

    .fairs-card .card-content .letto-button {
        height: 35px;
    }

    .letto-fairs-page .letto-fairs-wrapper .detail-media .swiper-navigation-button.prev {
        left: 30px;
    }

    .letto-fairs-page .letto-fairs-wrapper .detail-media .swiper-navigation-button.next {
        right: 30px;
    }

    body .letto-swiper-pagination {
        bottom: 0 !important;
    }

    .swiper.swiper-fairs .swiper-wrapper .swiper-slide .media img {
        border-radius: 15px;
    }

    .letto-fairs-page {
        margin: 25px 0 0;
    }

    .letto-fairs-list {
        margin: 50px 0 0;
    }

    .letto-fairs-content .content-head .sub-image {
        height: 30px;
    }

    .letto-fairs-content .content-head h1 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 5px;
    }

    .letto-fairs-content .content-head .date {
        font-size: 13px;
    }

    .letto-fairs-content {
        margin: 30px 0 0;
    }

    .letto-fairs-content .content-main p {
        font-size: 14px;
        line-height: 26px;
    }

    .letto-product-detail .detail-media .media img {
        border-radius: 20px;
    }

    .letto-product-detail .detail-media .content .title {
        font-size: 30px;
        margin: 0;
    }

    .letto-product-detail .detail-media .content .subtitle {
        font-size: 12px;
        letter-spacing: 10px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button {
        width: 25px;
        height: 25px;
        border-radius: 8px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button i {
        font-size: 14px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button.prev {
        left: 20px;
    }

    .letto-product-detail .detail-media .swiper-navigation-button.next {
        right: 20px;
    }

    .letto-product-detail .detail-bar .detail-bar-group .bar-title h2 {
        font-size: 20px;
    }

    .letto-product-detail .detail-bar .detail-bar-group .bar-button .letto-button {
        height: 35px;
        font-size: 10px;
    }

    .letto-product-detail .detail-bar {
        padding: 25px 0;
    }

    .letto-product-detail-content .content-row .content-main h2 {
        font-size: 20px;
    }

    .letto-product-detail-content .content-row .content-main p {
        font-size: 13px;
        line-height: 26px;
        max-width: 100%;
    }

    .letto-product-detail-content .content-row:nth-child(even) .row {}

    .letto-product-detail-content .content-row:nth-child(even) .content-main {
        align-items: flex-start;
        text-align: left;
    }

    .letto-product-detail-content .content-row:not(:last-child) {
        margin: 0 0 50px;
    }

    .letto-product-detail-content .content-row .content-main {
        margin: 0 0 20px;
    }

    .videos-card {
        width: 100%;
    }

    .letto-product-page .products-card .card-content {
        padding: 20px;
    }
}

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

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

    .letto-header .letto-head-main .letto-head-main-group .head-col.head-menus {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        border-bottom: 1px solid #d0d0d0;
        display: none;
    }

    .letto-header .letto-head-main .letto-head-main-group .head-col.head-menus .menu-group {
        padding: 20px;
    }

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

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

    .letto-header .letto-head-main .letto-head-main-group .head-col.head-menus .menu-group ul li a {
        height: auto;
    }

    .letto-header .letto-topbar .topbar-group .topbar-col.right {
        display: none;
    }

    .sub-head-menu {
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        transform: translate(0);
    }

    .sub-head-menu .sub-head-menu-wrapper {
        border-radius: 0;
        margin: 10px 0 0;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group {
        grid-template-columns: 1fr;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list {
        padding: 20px;
    }

    header.letto-header .letto-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul {}

    header.letto-header .letto-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a {
        font-size: 13px;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-menu-media {
        gap: 10px;
        padding: 0 20px 20px;
    }

    header.letto-header .letto-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list .sub-child-menu {
        margin: 5px 0 0px 20px;
    }
}

@media only screen and (min-width:992px) {
    .head-col.head-mobil {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .photos-card .title {
        font-size: 20px;
        line-height: 22px;
    }

    .photos-card p {
        font-size: 11px;
    }

    .writings-card .card-content h3 {
        max-width: 50%;
    }

    .about-content-card .card-shapes.left {
        left: -100%;
    }

    .about-content-card .card-shapes.right {
        right: -100%;
    }
}

@media only screen and (min-width:1201px) and (max-width: 1399px) {
    .about-content-card .card-shapes.left {
        left: -80%;
    }

    .about-content-card .card-shapes.right {
        right: -80%;
    }
}

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

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

.mobil-action-button {}

.mobil-action-button svg {}

.mobil-action-button svg path {
    stroke: #1858A5;
}