@media (hover: hover){   
    .mega-content a:hover img{
        opacity: 0.8;
    }
    .list-mega-menu-bottom li > a:hover{
        background-color: var(--primary-color);
        color: var(--color-white);
    }
    .new .list-mega-menu-bottom a:hover{
        background-color: var(--primary-color);
        color: var(--color-white);
    }
    .accordion-foods .list-itmes-food li > a:hover{
        background-color: var(--primary-color);
        color: var(--color-white);
    }
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover{
        color: var(--color-text);
    }
    .nav-watson .dropdown-toggle.active::after,.nav-watson .dropdown-toggle:hover::after {
        background-image: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L7 7L13 1' stroke='%23A3A3A3'/></svg>");
        transform: rotate(180deg);
    }
    .navbar-nav .dropdown-menu.about li >a:hover{
        background-color: transparent;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-weight: 600;
    }
    .list-menu-footer li a:hover{
        color: var(--color-text);
    }
    .hover-text-w:hover{
        color: var(--color-text) !important;
    }
    .btn-box-animation:hover{
        border: 1px solid #1D1D90;
    }
    .btn-box-animation:hover .item {
        color: white;
    }
    .btn-box-animation.invertido:hover{
        border: 1px solid #1D1D90;
    }
    .btn-box-animation.invertido:hover .item {
        color: white;
    }
    .btn-box-animation:hover:before {
        width: 100%;
        transition: 0.4s all ease;
        border: 1px solid #1D1D90;
    }
    .btn-box-animation.invertido:hover button.item {
        background: transparent;
    }
    .partnered-section .row-partner a:hover{
        opacity: .8;
    }
    .section-featured .featured-row a:hover{
        opacity: .8;
    }
    .btn-box-animation:hover .arrow-down {
        transform: rotate(270deg);
    }
    .btn-box-animation:hover .arrow-down svg path{
        fill: #FFFFFF;
    }
    .custom--table table .btn.btn-request:hover{
        color: #FFFFFF;
        background: #1D1D90;
    }
    .custom--table table .btn.btn-request:hover svg > path{
        fill: #FFFFFF;
    }
}
@media (min-width: 1025px) {
    .partnered-section .box-content-partner img {
        width: auto;
        height: 5vw;
    }
}
@media (min-width: 1600px) {
    .partnered-section .box-content-partner img {
        width: auto;
        height: 4vw;
    }
}
@media (min-width: 2200px) {
    .partnered-section .box-content-partner img {
        width: auto;
        height: 3vw;
    }
}
@media (min-width: 992px) {
    .dropdown-menu .mega-content .container, .mega-menu-bottom .container{
        max-width: 896px;
        margin: auto;
    }
    .mega-menu-bottom .container-fluid .row {
        border-top: 1px solid #DDDBD6;
        position: relative;
        display: block;
    }
    .mega-menu-bottom.new .container-fluid .row:last-child {
        border-top: 0;
    }
    .gap-24-custom .col-md-4 {
        flex: 0 0 calc(32.244% - 12px);
        max-width: calc(32% - 12px);
    }
    .bg--white.relativo.h-544 .container.eng{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner--top.pad-64.bg--custom-products .container.p-md-0{
        height: 100%;
        display: grid;
        align-items: center;
        justify-content: start;
        max-width: 100%;
        margin-left: 64px;
    }
    .banner--top.pad-64.bg--custom-products .container.p-md-0 .row{
        width: 989px;
    }
    .certifications .over .gap-m-16{
        gap: 25px;
    }
    .certifications .over .gap-m-16 .col-md-auto img{
        height: 52px;
        width: auto;
    }
    .our-history {
        width: 100%;
        height: calc(100vw* 0.4883);
    }
    .our-history .d-flex.flex-column {
        width: 100%;
        height: calc(100vw * 0.2402);
    }
    .page-history.our-history {
        height: 400px;
        width: 100%;
        height: calc(100vw * 0.3906);
    }
    .modal.modal_brands.modalData .modal-header {
        display: none;
    }
}   
@media (max-width: 1024px) {
    .custom--table table .benefits-cell {
        width: 164px;
        max-width: 200px;
    }
    .partnered-section .box-content-partner img{
        width: auto;
        height: 68px;
    }
}
@media(max-width: 992px) {
	
}
@media (min-width: 365px) and (max-width: 767px) {
  
}
@media only screen and (min-width: 768px) {
    .gap-24-custom .col-md-4 {
        flex: 0 0 calc(31% - 12px);
        max-width: calc(31% - 12px);
    }
    
}

@media(max-width: 768px) {
    .b32{
        font-family: 'Bookmania';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--primary-black);
    }
    .b32d{
        font-family: 'Bookmania';
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 100%;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--primary-black);
    }
    .mt-24-m{
        margin-top: 24px;
    }
    .c-mobile .container{
        padding-left: 24px;
        padding-right: 24px;
    }
    .c-mobile .container-fluid{
        padding-left: 24px;
        padding-right: 24px;
    }
    .c-mobile .container-fluid .row.margin-702,.c-mobile .container-fluid .row.margin-701{
        margin: 0;
    }
    .c-mobile.minus .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .gap-m-40{
        gap: 40px;
    }
    .box-language{
        display: flex;
    }
    .box-language .navbar-toggler{
        margin-left: 33px;
    }
    .content-products .mega-content{
        padding: 24px;
    }
    .content-products .mega-content .item-mega-menu:nth-child(odd) a{
        margin-right: 8px;
    }
    .content-products .mega-content .item-mega-menu:nth-child(even) a{
        margin-left: 8px;
    }
    .content-products .mega-content .item-mega-menu a img{
        width: 100%;
    }
    .mega-content .item-mega-menu .text-img-mega {
        padding: 0;
    }
    .mega-content .item-mega-menu .text-img-mega {
        position: absolute;
        left: 12px;
        right: 9px;
        bottom: 6px;
    }
    .mega-content .item-mega-menu .text-img-mega.pl-3 {
        left: 3px;
    }
    .mega-menu-bottom{
        padding: 24px;
        padding-top: 0;
        margin-bottom: 24px;
    }
    .mega-menu-bottom h3{
        padding-bottom: 16px;
    }
    .mega-menu-bottom .items-bottom{
        gap:16px 8px;
    }
    .mega-menu-bottom .container .row.border-top {
        border-top: 1px solid #DDDBD6;
    }
    .mega-menu-bottom .items-bottom a{
        background-color: var(--background-color-gray);
        border-radius: 16px;
        padding: 4px 9px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    }
    .menu-sidebar-collapse-right.close {
        right: -100%;
        visibility: hidden;
        opacity: 0;
        transition: right 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    }
    .footer-top {
        padding-bottom: 0;
    }
    .footer-top .logo img{
        width: 180px;
    }
    .slide-home .swiper .swiper-slide .content-slide {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        padding: 0 24px;
    }
    .btn-box-animation .item{
        font-weight: 500;
    }
    .section--info {
        padding: 40px 0;
    }
    .banner-hero-200.c-mobile.plr-48 .container{
        padding-left: 48px;
    }
    .b32-desk {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .banner-hero-200 {
        padding: 40px 0;
    }
    .banner-hero-200 h2 > span {
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: 49px;
    }
    .slide-products {
        height: 550px;
    }
    .slider--products .item {
        height: 550px; 
    }
    .slider--products .slide-img {
        height: 550px;
    }
    .slide-products .content-slide-products-title {
        top: 40px;
        left: 24px;
    }
    .slider--products .slick-dots {
        bottom: 40px;
        left: 24px;
    }
    .slide-products .content-slide-products {
        position: absolute;
        bottom: 40px;
        left: 81px;
        z-index: 1;
        width: 73%;
    }
    .partnered-section{
        margin-top: 40px;
    }
    .modal.modal_brands .modal-header {
        padding: 32px 24px 0 24px;
        border-bottom: 0;
    }
    .modal.modal_brands .modal-body {
        padding: 32px 24px;
    }
    .modal.modal_brands .modal-dialog {
        margin: 0;
    }
    .section-contact h2{
        margin-bottom: 8px;
    }
    .section-contact .py-32{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .section-contact h3{
        color: #1D1D90;
    }
    .gap-m-16{
        gap: 16px;
    }
    .gap-m-24{
        gap: 24px;
    }
    .our-history{
        height: 600px;
    }
    .our-history .d-flex.flex-column {
        height: 308px;
    }
    .s16m {
        font-family: 'Suisse Intl';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 1px;
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: #000000;
    }
    .custom-gap-24 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .banner--top {
        height: 500px;
    }
    .banner--top .w60{
        width: 60%;
    }
    .banner--top .container.p-md-0{
        height: 100%;
        display: flex; 
        align-items: center; 
        justify-content: center;
    }
    .banner--top .container.p-md-0 .row.m-0{
        width: 100%;
    }
    .custom--accordion .accordion-body {
        padding: 0 0 24px 0;
    }
    .modal.modal_brands.modalData .modal-body {
        padding: 24px;
    }
    .modal.modal_brands.modalData .section-contact h2 {
        margin-bottom: 0;
    }
    .section-thankyou .block--center{
        width: 100%;
        height: 145px;
        text-align: center;
    }
    .btn-box-animation.invertido.mt-39{
        margin-top: 40px;
    }
    .section-thankyou .btn-box-animation.invertido.mt-32{
        margin-top: 43px !important;
    }
    .custom--sales .content-form-contact {
        margin-top: 16px;
    }
    .accordion--products .custom--accordion .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 24px 0;
        color: #1D1D90;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Suisse Intl";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.5px;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition);
    }
    .accordion--products .custom--accordion .accordion-button::after {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-left: auto;
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%228%22 viewBox=%220 0 14 8%22 fill=%22none%22%3e%3cpath d=%22M1 1L7 7L13 1%22 stroke=%22%231D1D90%22/%3e%3c/svg%3e");
        background-size: 14px 8px;
        background-position: center;
    }
    .btn--download-sheets .btn.btn-request {
        color: #1D1D90;
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Suisse Intl";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        border: 1px solid #DDDBD6;
        background: #F2F6F9;
        padding: 8px;
    }
    .btn--download-sheets .btn.btn-request .icon-file {
        margin-right: 8px;
    }
    .accordion--products .custom--accordion .accordion-body .box-item{
        margin-bottom: 24px;
    }
    .accordion--products .custom--accordion .accordion-body .box-item span{
        margin-top: 8px;
    }
    .accordion--products .custom--accordion .accordion-body .box-item:last-child{
        margin-bottom: 0;
    }
    .accordion--products .custom--accordion .accordion-flush>.accordion-item:last-child {
        margin-bottom: 24px;
    }
    .banner--text {
        padding-top: 80px;
        padding-bottom: 88px;
    }
    .partnered.section-brands {
        padding: 43px 0 86px;
    }
    .partnered.section-brands .partnered-section .row-partner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .partnered.section-brands .partnered-section {
        margin-top: 0;
    }
    .partnered.section-brands .partnered-section .row-partner .box-content-partner img{
        width: auto;
        height: 46px;
    }
    .partnered.section-brands .partnered-section .box-content-partner {
        max-height: 88px;
        height: 88px;
    }
    .modal.modal_brands.sec-products .btn-box-animation .arrow-down {
        display: block;
    }
    .pt-24m{
        padding-top: 24px;
    }
    .page-privacy-content .gap-24-custom .col-12 .d-flex img {
        width: 156px;
    }
    #map-contact{
        position: relative;
        margin-top: 40px;
        width: 100%;
        height: 352px;
    }
    .page-contact-us .mt-23{
        margin-top: 80px;
    }
    .page-contact-us{
        padding-bottom: 38px;
    }
    .page-history.our-history {
        height: 500px;
    }
    .b26-m{
        font-family: 'Bookmania';
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }
    .bg--image--us{
        display: none;
    }
    .bg--white.h-544 {
        height: inherit;
    }
    .bg--white {
        padding: 40px 0;
    }
    .recent-history .bg--image--recent{
        position: relative;
        left: 0;
        top: 0;
        background-size: cover; 
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/about-us/ship.jpg);
        width: 100%;
        height: 376px;
    }
    .recent-history {
        height: inherit;
    }
    .custom--content {
        display: flex;
        justify-content: center;
        align-items: center;
        height: inherit;
        width: 100%;
        margin: 40px 0 80px;
    }
    .custom--content.eng {
        margin: 40px 0;
    }
    .recent-history .custom--content h3{
        margin-bottom: 32px !important;
    }
    .page-history.our-history.page-about-us {
        height: 450px;
    }
    .section-pdf {
        height: auto;
        padding: 0;
        height: 400px;
        width: 100%;
    }
    .pdf-iframe {
        height: 400px;
        width: 100%;
    }
    .margin-70 {
        margin: auto !important;
    }
    .margin-701{
        margin: 0 34px;
    }
    .margin-702{
        margin: 0 12px;
    }
    .boton-flotante{
        bottom:0px;
        margin-right: 16px;
        z-index: 1;
    }
    .boton-flotante a {
        bottom: 16px;
    }

    footer {
        padding-top: 64px;
        padding-bottom: 24px;
    }
    footer .container{
        padding-left: 24px;
        padding-right: 24px;
    }
    .accordion-footer{
        margin-top: 64px;
    }
    .accordion-footer .accordion{
        --bs-accordion-bg: transparent;
    }
    .accordion-footer .accordion-button{
        font-family: Bookmania;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        padding: 24px 0;
        color: #FFFFFF;
    }
    .accordion-footer .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    }
    .accordion-footer .accordion-button:not(.collapsed){

        background-color: transparent;
    }
    .accordion-footer .accordion-button:focus {
        box-shadow: none;
    }
    .accordion-footer .accordion-flush>.accordion-item:first-child {
        border-top: 1px solid #2E2EB1;
        border-bottom: 0;
    }
    .accordion-footer .accordion-flush>.accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
    .accordion-footer .accordion-item{
        border: 1px solid #2E2EB1;
        border-bottom: 0;
    }
    .accordion-footer .accordion-flush>.accordion-item:last-child {
        border-bottom: 1px solid #2E2EB1;
    }
    .accordion-footer .accordion-body{
        padding: 24px 0 0;
    }
    .accordion-footer .list-menu-footer {
        padding: 0;
    }
    .accordion-footer .list-menu-footer li {
        margin-bottom: 24px;
    }
    .accordion-footer .list-menu-footer li:last-child {
        margin-bottom: 24px;
    }
    .accordion-footer .list-menu-footer li a{
        font-family: "Suisse Intl";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.5px;
        color: #FFFFFF;
        width: 100%;
    }
    .footer-bottom .inline {
        display: grid;
        gap: 8px;
        padding-top: 64px;
    }
    .footer-bottom .inline .text-certifications{
        display: block;
        margin-top: 8px;
    }
    .footer-bottom .inline .text-certifications li{
        margin-bottom: 8px;
    }
    .footer-bottom .inline .text-certifications li:last-child{
        margin-bottom: 0;
    }
    .footer-bottom .certifications {
        padding: 64px 0;
    }
    .footer-bottom .certifications .logos img{
        width: auto;
        height: 29px;
    }
    .footer-bottom .certifications .logos{
        margin-right: 25px;
    }
    .footer-bottom .watson{
        padding-top: 24px;
        border-top: 1px solid #2E2EB1;
    }
    .footer-bottom .watson p {
        text-align: left;
        font-family: 'Outfit';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 9px;
    }
    .partnered.section-brands .partnered-section .row-partner.eng {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .partnered-section .box-content-partner {
        padding: 31px;
        max-height: 117px;
    }
    .certifications .over .gap-m-16 .col-md-auto img{
        height: auto;
        width: 60px;
    }
    .partnered-section .box-content-partner img{
        width: auto;
        height: 68px;
    }
    .navbar.nav-watson .container-fluid {
        margin: 0 0;
        padding: 0 24px;
    }
    #map-contact iframe {
        width: 100%;
        height: 352px;
    }
    .modal.modal_brands.modalData .modal-header {
        padding: 24px;
        border-bottom: 0;
    }
    .modal.modal_brands.modalData .modal-dialog.contact {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .modal.modal_brands .modal-content {
        border-radius: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
}
/* @media (max-width: 1250px){
    .menu-centrar-pagina{
        margin-right: 140px;
    }
}

@media (max-width: 1100px){
    .menu-centrar-pagina{
        margin-right: 110px;
    }
}

@media (max-width: 995px){
    .menu-centrar-pagina{
        margin-right: 15px;
    }
} */