@media only screen and (max-width: 767px) {
    .faven-footer .faven-footer-menus .faven-footer-menus-group{
        padding: 0 20px;
    }

    .faven-footer .faven-footer-bar .faven-footer-bar-group{
        padding: 0 20px;
    }
    
    .faven-header .faven-topbar {
        margin: 0;
    }

    .faven-header .faven-topbar .topbar-group {
        padding: 12px 0;
    }

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

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group a {
        font-size: 14px;
        height: 40px;
        padding: 0 25px;
    }

    .faven-header .faven-head-main {
        margin: 15px 0;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box {
        max-width: 100%;
        margin: 250px 0 0;
    }

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

    .swiper.swiper-hero-content .swiper-slide .hero-content-box p {
        font-size: 18px;
    }

    body .faven-button {
        height: 50px;
        font-size: 14px;
        padding: 0 30px;
    }

    .faven-features {
        height: auto;
    }

    .faven-features .faven-features-group {
        padding: 30px 0;
    }

    .faven-features .faven-features-group .features-box .title {
        font-size: 24px;
    }

    .faven-features .faven-features-group .features-box p {
        font-size: 14px;
    }

    .faven-features .faven-features-group .row {
        row-gap: 20px;
    }

    .faven-head .subtitle {
        font-size: 12px;
    }

    .faven-head h2 {}

    .faven-head h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .faven-head p {
        max-width: 100%;
        font-size: 15px;
        line-height: 25px;
    }

    .faven-head a {}

    .faven-head a i {}

    .faven-about {
        margin: 75px 0;
    }

    .swiper-about-media .swiper-slide {
        height: auto;
        bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        background-color: unset;
    }

    .swiper-about-media .swiper-slide img {
        width: 85%;
        border-radius: 20px;
    }

    .swiper-about-media::before {
        display: none;
    }

    .swiper-about-media::after {
        display: none;
    }

    .swiper.swiper-about-media {
        padding: 30px 0 !important;
        margin: 0 !important;
    }

    .faven-about .faven-about-foot .faven-about-content {
        flex-direction: column;
    }

    .faven-about .faven-about-foot .faven-about-content p {
        width: 100%;
        text-align: center;
    }

    .faven-about .faven-about-foot .faven-about-content a {
        margin: 20px 0 0;
    }

    .faven-solutions {
        margin: 75px 0;
        padding: 50px 0;
    }

    .solutions-card .solutions-card-wrapper h4 {
        font-size: 20px;
    }

    .solutions-card .solutions-card-wrapper p {
        font-size: 13px;
    }

    .solutions-card .solutions-card-wrapper a {
        font-size: 13px;
    }

    .faven-products .faven-products-head .faven-head {
        flex-direction: column;
    }

    .faven-products .faven-products-head .faven-head .faven-head-col {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

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

    .products-card .card-content {
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        gap: 0;
    }

    .products-card .card-content h4 {
        font-size: 14px;
    }

    .products-card .card-content a {
        font-size: 11px;
        height: 30px;
        gap: 2px;
        padding: 0 10px;
    }

    .products-card .card-content a img {
        width: 14px;
    }

    .faven-products .faven-products-body {
        margin: 20px 0 30px;
    }

    .faven-products {
        margin: 0 0 100px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area {
        flex-direction: column;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area::-webkit-scrollbar {
        display: none;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area-wrapper {
        display: flex;
        flex-direction: column-reverse;
        width: max-content;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar {
        width: 100%;
        height: .5px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar .progress-bar {
        height: 3px;
        left: unset;
        top: 50%;
        transform: translate(0, -50%);
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list {
        flex-direction: row;
        margin: 0;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item {
        height: auto;
        font-size: 14px;
        width: 220px;
        text-align: center;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item.active {
        font-size: inherit;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content {
        align-items: flex-start;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item {
        text-align: center;
        position: relative;
        bottom: unset;
        right: unset;
        transform: translate(0);
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item p {
        text-align: center;
        font-size: 14px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item a {
        margin: 20px auto 0;
        float: unset;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-head .subtitle {
        margin: 0 auto 20px;
    }

    .faven-systems {
        padding: 50px 0;
    }

    .faven-process {}

    .faven-process .faven-process-middle {
        overflow-x: scroll;
        padding: 20px 0;
        width: 100%;
        display: block;
    }

    .faven-process .faven-process-middle::-webkit-scrollbar {
        display: none;
    }

    .faven-process .faven-process-middle .faven-process-group {
        width: max-content;
    }

    .faven-process .faven-process-middle .faven-process-group .faven-process-item {
        min-width: 200px;
    }

    .faven-process .faven-process-head {
        margin: 0 0 30px;
    }

    .faven-references {
        margin: 75px 0;
        padding: 30px 0;
    }

    .faven-references .faven-references-head .faven-head h3 {
        font-size: 16px;
    }

    .faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item {
        margin: 0 0 30px;
    }

    .faven-footer .faven-footer-bar .faven-footer-bar-group .logo a img {
        width: 90px;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group {
        flex-direction: column;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col.contact {
        gap: 10px;
        margin: 30px 0 0;
        width: 100%;
        flex-direction: column;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: center;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col img.logo {
        margin: 0;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col .copyright-contact-item {
        justify-content: center;
        align-items: center;
    }


    /** ABOUT PAGE **/
    .faven-about-page .faven-about-page-main {
        padding: 30px 0;
    }

    .faven-about-page .faven-about-page-main .content {
        padding: 0;
        margin: 0 0 50px;
    }

    .faven-about-page .faven-about-page-main .content h1 {
        font-size: 28px;
    }

    .faven-about-page .faven-about-page-main .content .content-element p {
        font-size: 14px;
        line-height: 28px;
    }

    .faven-about-page .faven-about-page-main .media {}

    .faven-about-page .faven-about-page-main .media img {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-head {
        max-width: 100%;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes {
        width: max-content;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-content {
        overflow-x: scroll;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-content::-webkit-scrollbar {
        display: none;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card {
        max-width: 250px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head h3 {
        font-size: 20px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon {
        width: 40px;
        height: 40px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon::before {
        width: 60px;
        height: 60px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon i {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card p {
        font-size: 14px;
        line-height: 24px;
    }

    .faven-about-page-history {
        margin: 75px 0;
        padding: 50px 0;
    }

    .faven-about-page-history-cronology {
        width: 100%;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .date {
        font-size: 12px;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .title {
        font-size: 16px;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item p {
        font-size: 12px;
        line-height: 20px;
    }

    .faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-head p {
        max-width: 100%;
        font-size: 15px;
    }

    .faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card {
        margin: 0 0 20px;
    }


    /** BLOG DETAIL **/

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

    .faven-blog-detail .faven-blog-detail-wrapper .blog-media .main {
        border-radius: 20px;
    }

    .faven-blog-detail .faven-blog-detail-wrapper .blog-content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .faven-blog-detail .faven-blog-detail-wrapper .blog-content p {
        font-size: 14px;
    }


    /** BLOG PAGE **/

    .faven-blog-page {
        padding: 0;
        max-width: 100%;
    }

    .faven-blog-page .faven-blog-page-container {}

    .faven-blog-page .faven-blog-page-container .faven-blog-page-wrapper {
        padding: 30px 0 0;
    }

    .faven-blog-page .faven-blog-page-head {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .faven-blog-page .faven-blog-page-head h1 {
        font-size: 28px;
        border-bottom: 2px solid #000;
    }

    .faven-blog-page .faven-blog-page-head p {
        border-left: unset;
        max-width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

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

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

    .blog-card .card-content .faven-button {
        height: 40px;
        padding: 0 15px;
    }


    /** CART PAGE **/

    .faven-cart-page {}

    .faven-cart-page .faven-cart-page-wrapper {
        flex-direction: column;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list {
        width: 100%;
        padding: 30px;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list::before {
        display: none;
    }

    .cart-table {
        padding: 0;
    }

    .cart-table .cart-table-head .head-item span {
        font-size: 15px;
    }


    .cart-table .cart-table-head {
        display: none;
    }

    .cart-table .cart-table-body .body-item {
        padding: 30px 0;
    }

    .cart-table .cart-table-body .body-item .body-group .body-col .title {}

    .cart-table .cart-table-body .body-item .body-group .body-col .title span {
        font-size: 16px;
        line-height: 22px;
    }

    .cart-table .cart-table-body .body-item .body-group {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.form {
        width: 100%;
    }


    /** CONTACT PAGE **/

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

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

    .faven-contact-page {
        max-width: 100%;
        margin: 50px 0 0;
    }

    .faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons {
        flex-direction: column;
    }

    .faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons .whatsapp {
        width: 100%;
        justify-content: center;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-title h2 {
        font-size: 26px;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list {
        margin: 0 0 15px;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list a {}

    .faven-contact-page .faven-contact-page-info {
        padding: 30px 0 20px;
    }


    /** PAGE HEAD **/

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

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

    body .breadcrumb {
        margin: 0 0 10px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes {
        padding: 30px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content {
        padding: 0;
        margin: 0 0 50px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery {}

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper {
        width: 100%;
        gap: 5px;
    }

    .swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a img {
        opacity: 1;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper .swiper-navigation-button img {
        width: 20px;
    }


    /** PRODUCT PAGE **/

    .faven-product-page {
        margin: 50px 0;
    }

    .faven-product-page .faven-product-page-head {}

    .faven-product-page .faven-product-page-head .faven-head {}

    .faven-product-page .faven-product-page-head h3 {
        font-size: 24px;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group {
        width: max-content;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group a {
        min-width: 120px;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper {
        overflow-x: scroll;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .product-boxes {
        padding: 6px;
    }

    .product-boxes .boxes-content .boxes-content-group {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 15px;
    }

    .product-boxes .boxes-content .boxes-content-group .title h4 {
        font-size: 14px;
    }

    .product-boxes .boxes-content .boxes-content-group .faven-button {
        height: 35px;
        font-size: 12px;
    }


    /** REFERENCES PAGE **/

    .faven-references-page {
        padding: 0;
    }

    .faven-references-page .faven-references-page-container {}

    .faven-references-page .faven-references-page-container .faven-references-page-wrapper {
        padding: 30px 0;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group {
        grid-template-columns: 1fr;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content {
        padding: 30px;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content p {
        font-size: 14px;
        line-height: 25px;
        max-width: 100%;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .media img {
        border-radius: 0 0 30px 30px;
    }

    .faven-references-page-logos .faven-references-page-logos-group {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
    }

    .faven-references-page-logos .faven-references-page-logos-group .faven-references-page-logos-item {
        height: 120px;
        border-radius: 20px;
    }


    /** SYSTEM DETAIL **/

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

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group {
        flex-direction: column;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-media {
        width: 100%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head .subtitle {
        font-size: 10px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head p {
        font-size: 14px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .system-usage-list .system-usage-item {
        font-size: 14px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper {
        padding: 0 0 40px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional {
        margin: 40px 0 0;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-content h2 {
        font-size: 30px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media {
        margin: 30px 0 0;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media img {
        border-radius: 20px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-content p {
        width: 100%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group {}

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group .media-row {
        width: 75%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper h2 {
        font-size: 30px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button {
        width: 40px;
        height: 40px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button i {
        font-size: 16px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(2) {
        width: 70px;
        height: 70px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(3) {
        width: 100px;
        height: 100px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-image img {
        height: 200px;
    }

    /** SYSTEM PAGE **/

    .systems-card {
        margin: 0 0 20px;
    }

    .systems-card .card-content h4 {
        font-size: 20px;
        line-height: 26px;
    }
}

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

    .faven-header .faven-topbar {
        margin: 0;
    }

    .faven-header .faven-topbar .topbar-group {
        padding: 12px 0;
    }

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

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group a {
        font-size: 14px;
        height: 40px;
        padding: 0 25px;
    }

    .faven-header .faven-head-main {
        margin: 15px 0;
    }

    .swiper.swiper-hero-content .swiper-slide .hero-content-box {
        max-width: 100%;
        margin: 250px 0 0;
    }

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

    .swiper.swiper-hero-content .swiper-slide .hero-content-box p {
        font-size: 20px;
    }

    .faven-hero .faven-hero-wrapper .faven-hero-content-slider {
        height: 60vh;
    }

    .swiper.swiper-hero-media .swiper-slide {
        height: 60vh;
    }

    body .faven-button {
        height: 50px;
        font-size: 16px;
        padding: 0 30px;
    }

    .faven-features {
        height: auto;
    }

    .faven-features .faven-features-group {
        padding: 30px 0;
    }

    .faven-features .faven-features-group .features-box .title {
        font-size: 30px;
    }

    .faven-features .faven-features-group .features-box p {
        font-size: 14px;
    }

    .faven-features .faven-features-group .row {
        row-gap: 20px;
    }

    .faven-head .subtitle {
        font-size: 14px;
    }

    .faven-head h2 {}

    .faven-head h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .faven-head p {
        max-width: 100%;
        font-size: 15px;
        line-height: 25px;
    }

    .faven-head a {}

    .faven-head a i {}

    .faven-about {
        margin: 75px 0;
    }


    .faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button.prev {
        transform: translate(-10px, 0);
    }

    .faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button.next {
        transform: translate(10px, 0);
    }

    .swiper-about-media .swiper-slide {
        height: auto;
        bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        background-color: unset;
    }

    .swiper.swiper-products .swiper-slide:has(+ .swiper-slide-prev) {
        opacity: 0;
    }

    .swiper.swiper-products .swiper-slide.swiper-slide-next+.swiper-slide {
        opacity: 0;
    }

    .swiper-about-media .swiper-slide img {
        width: 85%;
        border-radius: 20px;
    }

    .swiper-about-media::before {
        display: none;
    }

    .swiper-about-media::after {
        display: none;
    }

    .swiper.swiper-about-media {
        padding: 30px 0 !important;
        margin: 0 !important;
        perspective: none;
        width: 100% !important;
        max-width: 100%;
    }

    .faven-about .faven-about-foot .faven-about-content {
        flex-direction: column;
    }

    .faven-about .faven-about-foot .faven-about-content p {
        width: 100%;
        text-align: center;
    }

    .faven-about .faven-about-foot .faven-about-content a {
        margin: 20px 0 0;
    }

    .faven-solutions {
        margin: 75px 0;
        padding: 50px 0;
    }

    .solutions-card .solutions-card-wrapper h4 {
        font-size: 20px;
    }

    .solutions-card .solutions-card-wrapper p {
        font-size: 13px;
    }

    .solutions-card .solutions-card-wrapper a {
        font-size: 13px;
    }

    .faven-products .faven-products-head .faven-head {
        flex-direction: column;
    }

    .faven-products .faven-products-head .faven-head .faven-head-col {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

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

    .products-card .card-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0;
    }

    .products-card .card-content h4 {
        font-size: 14px;
    }

    .products-card .card-content a {
        font-size: 12px;
        height: 35px;
    }

    .products-card .card-content a img {
        width: 16px;
    }

    .faven-products .faven-products-body {
        margin: 20px 0 30px;
    }

    .faven-products {
        margin: 0 0 100px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area {
        flex-direction: column;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area::-webkit-scrollbar {
        display: none;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area-wrapper {
        display: flex;
        flex-direction: column-reverse;
        width: max-content;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar {
        width: 100%;
        height: .5px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar .progress-bar {
        height: 3px;
        left: unset;
        top: 50%;
        transform: translate(0, -50%);
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list {
        flex-direction: row;
        margin: 0;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item {
        height: auto;
        font-size: 14px;
        width: 220px;
        text-align: center;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item.active {
        font-size: inherit;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content {
        align-items: flex-start;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item {
        text-align: center;
        position: relative;
        bottom: unset;
        right: unset;
        transform: translate(0);
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item p {
        text-align: center;
        font-size: 14px;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item a {
        margin: 20px auto 0;
        float: unset;
    }

    .faven-systems .faven-systems-body .faven-systems-group .faven-head .subtitle {
        margin: 0 auto 20px;
    }

    .faven-systems {
        padding: 50px 0;
    }

    .faven-process {}

    .faven-process .faven-process-middle {
        overflow-x: scroll;
        padding: 20px 0;
        width: 100%;
        display: block;
    }

    .faven-process .faven-process-middle::-webkit-scrollbar {
        display: none;
    }

    .faven-process .faven-process-middle .faven-process-group {
        width: max-content;
    }

    .faven-process .faven-process-middle .faven-process-group .faven-process-item {
        min-width: 200px;
    }

    .faven-process .faven-process-head {
        margin: 0 0 30px;
    }

    .faven-references {
        margin: 75px 0;
        padding: 30px 0;
    }

    .faven-references .faven-references-head .faven-head h3 {
        font-size: 16px;
    }

    .faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item {
        margin: 0 0 30px;
    }

    .faven-footer .faven-footer-bar .faven-footer-bar-group .logo a img {
        width: 90px;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group {
        flex-direction: column;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col.contact {
        gap: 10px;
        margin: 30px 0 0;
        width: 100%;
        justify-content: space-evenly;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: center;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col img.logo {
        margin: 0;
    }

    .faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col .copyright-contact-item {
        justify-content: center;
        align-items: center;
    }

    .faven-footer .faven-footer-menus .faven-footer-menus-group{
        padding: 0 20px;
    }

    .faven-footer .faven-footer-bar .faven-footer-bar-group{
        padding: 0 20px;
    }

    /** ABOUT PAGE **/
    .faven-about-page .faven-about-page-main {
        padding: 30px 0;
    }

    .faven-about-page .faven-about-page-main .content {
        padding: 0;
        margin: 0 0 50px;
    }

    .faven-about-page .faven-about-page-main .content h1 {
        font-size: 28px;
    }

    .faven-about-page .faven-about-page-main .content .content-element p {
        font-size: 14px;
        line-height: 28px;
    }

    .faven-about-page .faven-about-page-main .media {}

    .faven-about-page .faven-about-page-main .media img {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-head {
        max-width: 100%;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-content {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-content::-webkit-scrollbar {
        display: none;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card {
        max-width: 100%;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head h3 {
        font-size: 20px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon {
        width: 40px;
        height: 40px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon::before {
        width: 60px;
        height: 60px;
    }

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon i {}

    .faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card p {
        font-size: 14px;
        line-height: 24px;
    }

    .faven-about-page-history {
        margin: 75px 0;
        padding: 50px 0;
    }

    .faven-about-page-history-cronology {
        width: 100%;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .date {
        font-size: 12px;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .title {
        font-size: 16px;
    }

    .faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item p {
        font-size: 12px;
        line-height: 20px;
    }

    .faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-head p {
        max-width: 100%;
        font-size: 15px;
    }

    .faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card {
        margin: 0 0 20px;
    }


    /** BLOG DETAIL **/

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

    .faven-blog-detail .faven-blog-detail-wrapper .blog-media .main {
        border-radius: 20px;
    }

    .faven-blog-detail .faven-blog-detail-wrapper .blog-content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .faven-blog-detail .faven-blog-detail-wrapper .blog-content p {
        font-size: 14px;
    }


    /** BLOG PAGE **/

    .faven-blog-page {
        padding: 0;
        max-width: 100%;
    }

    .faven-blog-page .faven-blog-page-container {}

    .faven-blog-page .faven-blog-page-container .faven-blog-page-wrapper {
        padding: 30px 0 0;
    }

    .faven-blog-page .faven-blog-page-head {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .faven-blog-page .faven-blog-page-head h1 {
        font-size: 28px;
        border-bottom: 2px solid #000;
    }

    .faven-blog-page .faven-blog-page-head p {
        border-left: unset;
        max-width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

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

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

    .blog-card .card-content .faven-button {
        height: 40px;
        padding: 0 15px;
    }


    /** CART PAGE **/

    .faven-cart-page {}

    .faven-cart-page .faven-cart-page-wrapper {
        flex-direction: column;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list {
        width: 100%;
        padding: 30px;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list::before {
        display: none;
    }

    .cart-table {
        padding: 0;
    }

    .cart-table .cart-table-head .head-item span {
        font-size: 15px;
    }


    .cart-table .cart-table-head {
        display: none;
    }

    .cart-table .cart-table-body .body-item {
        padding: 30px 0;
    }

    .cart-table .cart-table-body .body-item .body-group .body-col .title {}

    .cart-table .cart-table-body .body-item .body-group .body-col .title span {
        font-size: 16px;
        line-height: 22px;
    }

    .cart-table .cart-table-body .body-item .body-group {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.form {
        width: 100%;
    }


    /** CONTACT PAGE **/

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

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

    .faven-contact-page {
        max-width: 100%;
        margin: 50px 0 0;
    }

    .faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons {
        flex-direction: column;
    }

    .faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons .whatsapp {
        width: 100%;
        justify-content: center;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-title h2 {
        font-size: 26px;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list {
        margin: 0 0 15px;
    }

    .faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list a {}

    .faven-contact-page .faven-contact-page-info {
        padding: 30px 0 20px;
    }


    /** PAGE HEAD **/

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

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

    body .breadcrumb {
        margin: 0 0 10px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes {
        padding: 30px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content {
        padding: 0;
        margin: 0 0 50px;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery {}

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper {
        width: 100%;
        gap: 5px;
    }

    .swiper.swiper-product-gallery .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide a img {
        opacity: .3;
    }

    .faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper .swiper-navigation-button img {
        width: 20px;
    }


    /** PRODUCT PAGE **/

    .faven-product-page {
        margin: 50px 0;
    }

    .faven-product-page .faven-product-page-head {}

    .faven-product-page .faven-product-page-head .faven-head {}

    .faven-product-page .faven-product-page-head h3 {
        font-size: 24px;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group {
        width: max-content;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group a {
        min-width: 120px;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper {
        overflow-x: scroll;
    }

    .faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .product-boxes {
        padding: 6px;
    }

    .product-boxes .boxes-content .boxes-content-group {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 15px;
    }

    .product-boxes .boxes-content .boxes-content-group .title h4 {
        font-size: 14px;
    }

    .product-boxes .boxes-content .boxes-content-group .faven-button {
        height: 35px;
        font-size: 12px;
    }


    /** REFERENCES PAGE **/

    .faven-references-page {
        padding: 0;
    }

    .faven-references-page .faven-references-page-container {}

    .faven-references-page .faven-references-page-container .faven-references-page-wrapper {
        padding: 30px 0;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group {
        grid-template-columns: 1fr 1fr;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content {
        padding: 30px;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content p {
        font-size: 14px;
        line-height: 25px;
        max-width: 100%;
    }

    .faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .media img {
        border-radius: 0 30px 30px 0;
    }

    .faven-references-page-logos .faven-references-page-logos-group {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
    }

    .faven-references-page-logos .faven-references-page-logos-group .faven-references-page-logos-item {
        height: 120px;
        border-radius: 20px;
    }


    /** SYSTEM DETAIL **/

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

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group {}

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-media {
        width: 50%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content {
        width: 50%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head .subtitle {
        font-size: 10px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head p {
        font-size: 14px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .system-usage-list .system-usage-item {
        font-size: 14px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-wrapper {
        padding: 0 0 40px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional {
        margin: 40px 0 0;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-content h2 {
        font-size: 30px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media {
        margin: 30px 0 0;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media img {
        border-radius: 20px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-content p {
        width: 100%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group {}

    .faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group .media-row {
        width: 75%;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper h2 {
        font-size: 30px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button {
        width: 40px;
        height: 40px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button i {
        font-size: 16px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(2) {
        width: 70px;
        height: 70px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(3) {
        width: 100px;
        height: 100px;
    }

    .faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-image img {
        height: 200px;
    }

    /** SYSTEM PAGE **/

    .systems-card {
        margin: 0 0 20px;
    }

    .systems-card .card-content h4 {
        font-size: 20px;
        line-height: 26px;
    }

}

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

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

    .faven-header::before{
        display: none;
    }

    .faven-header{
    }

    .search-pop{
    transform: translate(0);
}

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-menus {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        background-color: #fff;
        display: none;
        width: 90%;
        border-radius: 20px;
    }

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group {
        padding: 15px 0;
    }

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul {
        flex-direction: column;
    }

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

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

    .faven-header .faven-head-main .faven-head-main-group .head-col.head-mobil {}

    .sub-head-menu {
        position: relative;
        width: 60%;
        margin: 0 0 25px;
        left: unset;
        top: unset;
        display: none;
        transition: unset;
        opacity: 1;
        visibility: visible;
    }

    .sub-head-menu.active {
        transition: unset;
    }

    .sub-head-menu .sub-head-menu-wrapper {
        width: 100%;
        margin: 0;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group {
        display: flex;
        width: 100%;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-title {
        display: none;
    }

    .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list {
        padding: 0;
        width: 100%;
    }

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

    header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li {
        margin: 0;
        padding: 0;
        border-color: #e1e1e1;
        border-width: .5px;
    }

    header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a {
        font-size: 12px;
        text-align: center;
        height: 40px;
    }

    header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a i {}

    .mobil-action-button {}

    .mobil-action-button svg {
        width: 50px;
        height: 50px;
    }

    .pages-header .mobil-action-button svg{
        stroke: #000;
    }
    .pages-header .mobil-action-button svg path{
        stroke: #000;
    }

    .hover-media-wrapper,
    .hover-pagination {
        display: none;
    }
}

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

    .swiper.swiper-product-gallery .swiper-wrapper .swiper-slide {
        /* width: 36% !important; */
    }
}

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

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

    .faven-systems-detail-page .container-sm {
        max-width: 1100px;
    }

}

@media only screen and (min-width:1201px) {
    .faven-contact-page .container {
        max-width: 1200px;
    }

    .faven-blog-page .container {
        max-width: 1200px;
    }
}

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