@media (max-width: 1400px) {
    .menu-footer .background {
        margin-top: 4vh;
        height: 20vh;
        width: 100%;
    }
    .page-item.product .variants .variant .right .content {
        margin-right: 10px;
    }
    .offcanvas-body {
        padding: 5vh 10vw;
    }
}
@media (max-width: 1650px) {
    .menu-content ul#language-list:after {
        margin-top: 17px;
        margin-bottom: 20px;
    }

    div#contact .head img {
        height: 100px;
    }

    #contact .content span {
        font-size: 15px;
    }

    #contact .content p {
    }
}

@media (min-width: 1920px) {

    .page-item.product .variants .variant .right .content {
        margin-top: 85px;
    }

    div#contact .head {
        margin-top: 58px;
    }

    div#contact .content {
        margin: 62px 30px;
        padding: 0 45px;
        justify-content: space-between;
    }

    #contact .content p {
        margin-bottom: 34px;
    }


    .page-item.product .variants .variant .right .informations {
        margin-bottom: 80px;
    }

    #about-wrapper .success .content .text .heading h1 {
        font-size: 65px;
        line-height: 61px;
    }

    #about-wrapper .success .content .description {
        width: 85%;
        font-size: 18px;
        line-height: 25px;
    }

    #contact .content span {
        font-size: 18px;
        line-height: 25px;
    }

    #contact .content p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 2vh;
    }

}

@media (max-width: 992px) {
    .offcanvas {
        --bs-offcanvas-width: 480px;
    }
}

@media (min-width: 769px) {

}

@media (max-height: 600px) {
    #request-sample .content {
        height: 50vh;
        overflow: overlay;
    }

    #request-sample .content form {
        height: 100%;
    }
}

@media (max-width: 768px) {

    #request-sample .content {
    }

    #request-sample {
        width: 100%;
        padding: 0 15px;
    }

    div#request-sample .head {

    }

    div#request-sample .head img {
        width: 275px;
    }

    div#request-sample .head h4 {
        font-size: 24px;
    }

    #request-sample input {
        padding-bottom: 10px;
        font-size: 16px;
    }

    #request-sample #product-info h6 {
        font-size: 16px;
    }

    #request-sample #product-info span {
        font-size: 22px;
        line-height: normal;
    }

    #request-sample .content button {
        font-size: 16px;
        margin-top: 15px;
    }

    #about-wrapper .company .content .background {
        width: calc(100vw + -30px);
        background-image: url('../images/about/about-mask-mobile.svg');
        height: 80vw;
    }

    #about-wrapper .success .content .background {
        background-image: url('../images/about/success-mask-mobile.svg');
        width: 100vw;
        height: 88vw;
        /* width: calc(100vw + -30px); */
    }

    .menu-backdrop, .subpage-backdrop {

    }

    #about-wrapper .company .content .text {
        top: 10vw;
        left: 0;
    }

    #about-wrapper .company .content .heading {
        margin-left: 30vw;
    }

    #about-wrapper .company .content .description {
        margin-left: 7vw;
    }

    div#contact .content {
        padding: 0 30px;
        margin: 15px 0;
        justify-content: space-evenly;
    }

    #contact .content p {
        margin-bottom: 10px;
    }

    div#contact .content .view-on-map {
        margin-bottom: 10px;
        margin-top: 0;
    }

    @keyframes move {
        0% {
            top: 0px;
        }
        40% {
            top: -50px;
            top: -6.635vh;
        }
        80% {
            top: -100px;
            top: -13.27vh;
        }
    }

    @-webkit-keyframes move {
        0% {
            top: 0px;
        }
        40% {
            top: -50px;
            top: -6.635vh;
        }
        80% {
            top: -100px;
            top: -13.27vh;
        }
    }
    @-moz-keyframes move {
        0% {
            top: 0px;
        }
        40% {
            top: -50px;
            top: -6.635vh;
        }
        80% {
            top: -100px;
            top: -13.27vh;
        }
    }
    @-o-keyframes move {
        0% {
            top: 0px;
        }
        40% {
            top: -50px;
            top: -6.635vh;
        }
        80% {
            top: -100px;
            top: -13.27vh;
        }
    }
    @keyframes move {
        0% {
            top: 0px;
        }
        40% {
            top: -15.625vw;
            top: -10.625vw;
        }
        80% {
            top: -32.25vw;
            top: -22.25vw;
        }
    }

    .slide-text-animation {
        bottom: 2vw;
        left: 24vw;
        font-size: 8.5vw;
    }


    .slide-text-animation b {
        height: 12.5vw;
    }

    .slide-item:first-child {
        height: 120vw;
        width: 100%;
        margin-bottom: 110px !important;
    }

    .slide-item:first-child .wrap {
        height: 100%;
    }

    .slide-item:first-child .background {
        background: url('../images/slider/slide-1-mobile.svg');
        background-size: 90% !important;
    }

    .page-item.product .properties .left .informations {
        margin-top: 40px;
        margin-bottom: 40px;
        /* text-align: center; */
    }

    .page-item.product .properties .left .description {
        padding-right: 0;
        padding-bottom: 20px;
    }

    #about-wrapper .video .content {
        width: 100%;
    }

    .menus {
        padding-left: 30px;
    }

    #about-wrapper .page-item.gallery .cover .action span:nth-child(1) {
        font-size: 16px;
    }

    #about-wrapper .page-item.gallery .cover .action span:nth-child(2) {
        font-size: 20px;
        padding: 8px 4px;
        min-width: 100px;
    }

    #about-wrapper .page-item.gallery .cover .action {
        left: 30px;
        top: 30px;
        bottom: auto;
    }

    .menu-footer .copyright p {
        color: #FFF;
        font-size: 12px;
        color: #77271C !important;
    }

    .menu-content li a:before {
        /* content: ''; */
        width: 5px;
        height: 80%;
        background: transparent;
        top: 0;
    }

    .menu-content li a.active:before {
        /* background: #ED757F; */
    }

    .menu-content li.nav-item a {
        color: #fff !important;
        font-size: 14px;
        color: #77271C !important;
    }

    .pt-mouse-scroll-root {
        display: none;
    }


    .page-item.product .variants .variant .right .heading h2 {
        font-size: 40px;
        line-height: 1;
    }

    .page-item.product .variants .variant .right .heading h2.name2 {

    }

    div#menu {
        width: auto;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
        height: 90px;
    }

    body {
        overflow: auto;
    }

    .page-wrapper .wrap {
        height: auto;
        display: block;
    }

    .page-wrapper {
        height: auto;
        overflow: auto !important;
    }

    .menu-open div#wrapper {
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
    }

    div#wrapper {
        flex-direction: column;
        /* transform: translate3d(0,0,0); */
        /* -webkit-transform: translate3d(0,0,0); */
        transition: opacity 0.6s, transform 0.4s;
        -webkit-transition: opacity 0.6s, transform 0.4s;
        position: relative;
        z-index: 5;
        background: #fff;
        padding-top: 90px;
        /*overflow: hidden;*/
        height: auto;
    }


    #menu .navbar-toggler {
    }

    #menu .navbar-toggler i {
        position: relative;
        height: auto;
        width: auto;
        line-height: normal;
        top: auto;
        margin: auto;
    }

    #menu .navbar-toggler i span {
        position: relative;
        top: auto !important;
        left: auto !important;
        display: flex;
        margin-top: 7px !important;
        left: auto !important;
        opacity: 1 !important;
        transform: rotate(0deg);
    }

    .offcanvas {
        --bs-offcanvas-width: 100%;
        min-width: auto;
        max-width: none;
        width: 300px !important;
        transform: translate3d(0, 0, 0) !important;
        left: auto !important;
        right: 0;
    }

    .offcanvas-body {
        flex-direction: column;
        width: 100%;
        background: #161718;
        padding: 30px 15px !important;
        background: #EBB4B7;
    }

    .offcanvas-body .menu-inner {
        padding: 0 15px;
        /* flex: unset; */
        height: 100%;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    .menu-open .menu-content {visibility: visible;opacity: 1;transition: auto;}

    .menu-content {
        position: absolute;
        height: auto;
        /* width: 100%; */
        /* right: 0; */
        /* flex-direction: column; */
        /* width: auto; */
        /* height: auto; */
        z-index: 0;
        visibility: hidden;
        opacity: 0;
        transition: opacity 2s;
    }

    div#menu > nav {
        flex-direction: row !important;
        box-shadow: none;
    }

    div#menu > nav > div {
        height: auto !important;
        flex-direction: row !important;
    }

    #menu .navbar-brand.mobile {
        display: block;
        margin-left: 5px;
        /* float: left; */
        width: 60%;
        width: 250px;
    }

    #menu .navbar-brand.mobile img {
        width: 100%;
    }

    #menu .navbar-brand {
        display: none;
    }

    div#container {
        margin: 0;
        overflow: auto !important;
        height: auto !important;
        transform: none !important;
    }

    .slider-wrapper,
    #about-wrapper {
        margin: 0 !important;
        height: auto;
        flex-direction: column;
        padding: 0 15px !important;
    }

    .slide-item,
    .page-item {
        display: flex;
        margin: 0 !important;
        flex-direction: row;
        justify-content: center;
        height: auto;
        margin-bottom: 70px !important;
    }

    .slide-item img {
        height: auto;
        max-width: 100%;
    }

    div#contact {
        width: auto;
        height: auto;
        overflow: scroll;
    }

    div#contact .action {
        position: sticky;
        bottom: 0;
    }

    #about-wrapper .page-item.gallery {
        /* height: calc(75vh) !important; */
        padding-top: 0;
        margin-top: 60px !important;
        max-height: 1280px !important;
        max-width: 720px !important;
        width: 93vw !important;
        height: 164.5vw !important;
    }

    #about-wrapper .page-item {
        margin-top: 30px !important;
        min-width: auto !important;
        width: 100% !important;
        flex-direction: column;
    }

    #about-wrapper .page-item.gallery .cover img {
        width: 100%;
        height: auto;
    }

    #about-wrapper .company .content .text .heading h1,
    #about-wrapper .success .content .text .heading h1,
    #about-wrapper .video .content .heading .right h1 {
        font-size: 9.7vw;
        line-height: 1.2;
        margin: 0;
    }

    #about-wrapper .company .content .text .heading h1 {
        color: #3E590A;
    }

    #about-wrapper .company .content .text .heading span,
    #about-wrapper .success .content .text .heading span,
    #about-wrapper .video .content .heading .right span {
        font-size: 2.5vw;
        line-height: 1;
    }

    #about-wrapper .company .content .text .heading,
    #about-wrapper .success .content .text .heading {
        margin-bottom: 6vw;
    }

    #about-wrapper .company .content .description,
    #about-wrapper .success .content .description {
        font-size: 16px;
        line-height: normal;
        width: calc(95% + -15px);
        font-size: 2.5vw;
    }

    #about-wrapper .company .content .description p,
    #about-wrapper .success .content .description p {
        margin-bottom: 3vw;
    }

    #about-wrapper .company .content .background img,
    #about-wrapper .success .content .background img {
        height: auto;
        max-width: 100%;
    }

    #about-wrapper .success {
        margin: 0;
        /* padding-bottom: 60px; */
    }

    #about-wrapper .success .content .text {
        /* position: relative; */
        top: 13vw;
        left: 11vw;
    }

    #about-wrapper .page-item.video {
        padding: 0;
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
    }

    #about-wrapper .video .content .heading {
        width: 100%;
        margin-bottom: 15px;
    }

    #about-wrapper .video .background {
        width: 100%;
        height: 75vw;
    }

    #about-wrapper .video .content .heading .left {

    }

    #about-wrapper .video .content .heading .left img {
        width: 11vw !important;
    }


    /* PRODUCT */
    .page-item.product {
        flex-direction: column;
        height: auto;
        margin-bottom: 0 !important;
    }

    .page-item.product .properties,
    .page-item.product .variants {
        flex-direction: column;
        width: 100%;
    }

    .page-item.product .properties .left {
        width: 100%;
        /* padding-left: 50px; */
        padding-right: 60px;
        min-width: auto;
    }

    .page-item.product .properties .right {
        width: 100%;
        min-width: auto;
    }

    .page-item.product .variants .variant {
        flex-wrap: wrap;
        width: 100%;
    }

    .page-item.product .variants .variant .left {
        width: auto;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: 55%;
    }

    .page-item.product .variants .variant .left .image {
        height: 100%;
        width: auto;
    }

    .page-item.product .variants .variant .left .image img {
        width: auto;
        height: 100%;
    }

    .page-item.product .variants .variant .right {
        width: 45%;
    }

    .page-item.product .variants .variant .right .content {
        /* display: none; */
    }

    .page-item.product .variants .variant .right .information {

    }

    .page-item.product .variants .variant .right .information .name {
        font-size: 18px;
    }

    .page-item.product .variants .variant .right .information .value {
        font-size: 34px;
    }

    .page-item.product .variants .variant .right .specs {
        /* padding-left: 20px; */
        /* padding-right: 20px; */
        /* padding: 40px 20px; */
    }

    .page-item.product .variants .variant .right .specs > div > a {

    }

    .page-item.product .variants .variant .right .specs .icon {
    }

    .page-item.product .variants .variant .right .specs .icon svg {
        width: auto !important;
        height: auto !important;
    }

    .page-item.product .variants .variant .right .specs > div > a span {
        width: auto;
        font-size: 16px;
        margin-left: 10px;
    }

    .page-item.product .variants .variant img {
        /* max-width: 100%; */
        /* height: 100vh; */
        width: 100%;
        /* height: 160%; */
    }

    .page-item.product .content {
        height: auto !important;
        overflow: visible !important;
    }
}

@media (max-width: 600px) {
    .menu-footer .background {
        /* display: none; */
        width: 22vh !important;
        height: 30vh !important;
        margin-top: 15px;
        margin-right: 15px;
    }

    .menu-footer {
        top: auto;
        margin: 0;
    }

    .menu-footer .copyright {

    }

    .menu-footer .copyright p {
        font-size: 12px;
    }
}

@media (max-width: 575px) {

    #about-wrapper .company .content .description,
    #about-wrapper .success .content .description {
        font-size: 2.8vw;
    }

    .page-item.product .variants .variant .right .informations {
        margin-bottom: 40px;
    }

    .page-item.product .variants .variant .right .content {
        margin-top: 40px;
    }

    .page-item.product .properties .left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-item.product .properties .left .title {
        margin-bottom: 50px;
    }

    .page-item.product .properties .left .title h1 {
        font-size: 70px;
        letter-spacing: normal;
    }

    .page-item.product .properties .left .description {
        padding: 0;
        /* text-align: center; */
        font-size: 16px;
    }

    .page-item.product .properties .left .informations .heading h6 {
        font-size: 16px;
    }

    .page-item.product .properties .left .informations .variants .variant h2 {
        font-size: 26px;
    }

    .page-item.product .properties .left .informations .variants .variant span {
        font-size: 14px;
    }

    .page-item.product .properties .left .informations {

    }


    .page-item.product .variants .variant {
        flex-direction: column;
    }

    .page-item.product .variants .variant .left {
        width: auto;
        height: 70vh;
    }

    .page-item.product .variants .variant .left .image img {
        width: 100%;
    }

    .page-item.product .variants .variant .right {
        width: auto;
    }

    .page-item.product .properties .left .content {
        padding-right: 0;
        padding-left: 0;
    }


}

@media (max-width: 480px) {

    #request-sample #product-info .icon {
        margin-right: 15px;
    }

    div#request-sample .head img {
        width: 57vw;
    }

    div#request-sample .head h4 {
        font-size: 5vw;
    }

    #menu .navbar-brand.mobile {
        width: 220px;
    }

    #about-wrapper .page-item.gallery .cover .action {
        /* left: 15px; */
        /* bottom: 15px; */
    }

    #about-wrapper .page-item.gallery .cover .action span:nth-child(1) {
        font-size: 14px;
    }

    #about-wrapper .page-item.gallery .cover .action span:nth-child(2) {
        font-size: 16px;
        padding: 8px 4px;
        min-width: 90px;
    }

    #about-wrapper .page-item.gallery {
        /* height: calc(100vw + 80px) !important; */
    }

    .menu-content li.nav-item a {
        font-size: 16px;
    }

    div#contact .head {
        margin-top: 30px;
        /* margin-bottom: 30px; */
    }

    div#contact .head img {
        width: 50px;
    }

    #contact .content span {
        /* font-size: 14px; */
    }

    #contact .content p {
        /* font-size: 12px; */
        /* margin-bottom: 15%; */
    }

    div#contact .content .view-on-map img {
        width: 30px;
    }

    div#contact .content .view-on-map a {
        /* font-size: 15px; */
        /* margin-left: 10px; */
    }


    .page-item.product .properties .left {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page-item.product .properties .left .title {
        margin-bottom: 30px;
    }

    .page-item.product .properties .left .title h1 {
        font-size: 50px;
        line-height: normal;
    }

    .page-item.product .properties .left .description {
        font-size: 14px;
    }


    .page-item.product .properties .left .informations .heading h6 {
        font-size: 14px;
    }

    .page-item.product .properties .left .informations .variants .variant h2 {
        font-size: 24px;
    }

    .page-item.product .properties .left .informations .variants .variant span {
        font-size: 13px;
    }

    .page-item.product .properties .left .informations {
        margin-top: 50px;
        margin-bottom: 50px;
        margin-right: 0;
    }


    .page-item.product .variants .variant {
        flex-direction: column;
    }

    .page-item.product .variants .variant .left {
        width: auto;
    }

    .page-item.product .variants .variant .left .image img {
        width: 100%;
    }

    .page-item.product .variants .variant .right {
        width: auto;
    }

    .page-item.product .properties .left .package-wrapper {
        /* flex-direction: column; */
        /* padding: 0; */
        /* align-items: flex-end; */
        padding-right: 30px;
        padding-right: 10px;
    }

    .page-item.product .properties .left .package-wrapper .heading {
        /* margin: 0; */
        /* margin-bottom: 30px; */
    }

    .page-item.product .properties .left .package-wrapper .heading h6 {
        font-size: 24px;
    }

    .page-item.product .properties .left .package-wrapper .heading span {
        font-size: 12px;
    }

    .page-item.product .properties .left .package-wrapper .packages .package {

    }

    .page-item.product .properties .left .package-wrapper .packages .package img {
        width: 55px;
    }

    .page-item.product .properties .right {
        padding-top: 70px;
        padding-left: 30px;
        padding-right: 30px;
        /* padding-bottom: 70px; */
    }


    .page-item.product .properties .right .content {
        padding-bottom: 70px;
    }

    .page-item.product .variants .variant .right .heading {
        margin-top: 50px;
        /* padding-left: 50px; */
        /* padding-right: 50px; */
    }

    .page-item.product .variants .variant .right .heading h6 {
        font-size: 13px;
        line-height: 1;
        margin-bottom: 6px;
    }

    .page-item.product .variants .variant .right .heading h2 {
        font-size: 48px;
    }

    .page-item.product .variants .variant .right .informations {
        /* margin-bottom: 70px; */
    }

    .page-item.product .variants .variant .right .information .name {
        font-size: 18px;
    }

    .page-item.product .variants .variant .right .information .value {
        font-size: 30px;
        line-height: 1.3;
    }

    .page-item.product .properties .right .information .name {
        font-size: 21px;
    }

    .page-item.product .properties .right .information .value {
        font-size: 14px;
    }

    .page-item.product .variants .variant .right .specs .icon {
        /* width: 30px; */
    }

    .page-item.product .variants .variant .right .specs .icon svg {
        width: 100%;
    }

    .page-item.product .variants .variant .right .specs > div > a {
        margin-bottom: 25px;
    }

    .page-item.product .variants .variant .right .specs span {
        margin-left: 20px;
        font-size: 16px;
    }

}

@media (max-width: 1680px) {
    .offcanvas-body {
        padding: 100px 0 100px 10vw;
        padding: 100px 10vw;
        /* padding: 5vh 10vw; */
    }
}

@media (max-width: 1200px) {
    .menu-footer .background {
        width: 20vh;
        height: 20vh;
    }
}