@media (max-width: 991.98px) {

    .navbar {
        background-color: #556B2F !important;
        padding-bottom: 1.2rem;
        margin-bottom: 2rem;
        padding-top: 1.2rem;
    }

    .woocommerce-area-menu .getquote-area a {
        background-color: #2c3818;
    }

    .hamburger span {
        background: rgb(255 255 255 / 65%) !important;
    }

    .alert-header {
        height: 50px;
    }

    .alert-header .btn-close {
        margin: 1px 1px;
    }

    .product-gallery-content ol {
        margin: 1.4rem 0rem;
        gap: 10px;
    }

    .product-container-info h1 {
        margin-top: 1rem;
    }

    .product-container-info .accept-pol i {
        left: 5px;
        top: 30px;
    }

    .product-container-info .product-share-area .share-product-btn {
        padding: 1.46rem 1em;
    }

    .product-container-info .ask-expert-btn {
        padding: 0.7rem 1em;
    }

    .related ul.products li.product img {
        width: 100%;
        border-radius: 4px;
        background-color: #e6e6e6;
    }

    .woocommerce-tabs {
        margin-top: 3px;
        padding: 0px 0px;
        border-bottom: 0px solid;
    }

    .woocommerce-tabs .wc-tabs {
        padding: 0rem 0rem;
        justify-content: start;
        align-items: self-end;
        gap: 1rem;
    }

    .post-contenido .image-post .post-thumbnail {
        height: auto;
    }

    .area-lista-post .post-list a:first-child .post-list-image {
        height: auto;
    }

    .comment-form {
        margin-bottom: 3rem;
        padding: 1rem 1rem;
        width: 100%;
    }

    .area-comentarios {
        padding-top: 1rem;
    }

    .footer-sections, .footer-sections .contenido-footer {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    .footer-fourth-column .textwidget {
        text-align: center;
    }

    .copy-area {
        height: 100px;
        display: inline-block;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    .search-modal-content, .principal-modal-content {
        background-color: #555 !important;
        padding: 0rem 0.5rem;
    }

    .principal-modal-widget .principal-modal-container .radio-btn-area p,
    .principal-modal-widget .principal-modal-container .radio-btn-area-2 p  {
        display: flex;
        justify-content: start;
        align-items: center;
        flex-direction: column;
    }

    .principal-modal-widget .principal-modal-container .radio-btn-area br,
    .principal-modal-widget .principal-modal-container .radio-btn-area-2 br {
        display: none;
    }

    .principal-modal-widget .principal-modal-container .radio-btn-area-2 p > label {
        text-align: center;
        width: 200px;
    }

    .social-share {
        margin: 0px 0;
        background-color: transparent;
    }

    .search-modal-content .search-modal-widget form,
    .search-modal-content .search-modal-widget form input,
    .search-modal-content .search-modal-widget form button,
    .principal-modal-widget, .principal-modal-container,
    .principal-modal-widget, .principal-modal-container form,
    .principal-modal-widget, .principal-modal-container form p,
    .principal-modal-widget, .principal-modal-container form input {
        width: 100%;
    }
    
    .principal-modal-widget .principal-modal-container .wpcf7-list-item input {
        width: auto;
    }

    .product-gallery-content ol li {
        width: 50px;
    }

    .search-modal-content form button {
        font-size: 1.3rem;
        height: 45px;
        margin-bottom: 1rem;
    }

    .related ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px; /* Reducimos el gap para móviles */
    }

    .tags-icon {
        width: 100%;
        margin-bottom: 1rem;
    }

    .post-contenido .post-meta {
        display: none;
    }

    .footer-area {
        padding-top: 0rem;
    }

    .footer-area .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-area .footer-derecha .footer-secondary-area {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .footer-secondary-area .wpcf7 form {
        display:contents !important;
    }

    .footer-area .footer-izquierda {
        border-radius: 0rem 0px 0rem 0rem;
    }

    .footer-secondary-area .wpcf7 input[name="suscribe-field"] {
        max-width: 350px;
    }

    .menu-menu-footer-container ul {
        align-items: start;
        flex-direction: column;
    }

    .menu-menu-footer-container ul li:not(:last-child)::after {
        display: none;
    }

    .footer-secondary-area .social-f,
    .footer-secondary-area .phone-f  {
        margin-bottom: 1rem;
    }

    .footer-secondary-area .wpcf7 {
        display: block;
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1441.99px) {

    .principal-menu-area .principal-menu-midle .collapse .navbar-nav {
        justify-content: center;
        align-items: start;
        gap: 0!important;
    } 

    .principal-menu-area .principal-menu-midle .collapse .navbar-nav > .menu-item {
        text-align: center;
        border-right: 1px solid rgba(184, 182, 182, 0.416);
    } 

    .principal-menu-area .principal-menu-midle .collapse .navbar-nav > .menu-item:last-child {
        border-right: 0px solid rgb(184, 182, 182);
    } 

    .principal-menu-area .principal-menu-midle .collapse .navbar-nav .menu-item .nav-link {
        display: inline-block;
        word-wrap: break-word;
        white-space: normal;
        box-sizing: border-box;
        width: auto;
        margin: 0 1rem;
        height: 40px;
    } 

    /* Contenedor principal del formulario */
    .footer-secondary-area .wpcf7 form {
        display:contents !important;
    }



}

/*-DESKTOP STYLES ------------------------------------ -*/
@media (min-width: 992px) {

    .product-content .product-banner {
        display: flex;
        justify-content: center;
    }

    .product-content {
        margin-top: 6rem;
    }

    .principal-menu-area {
        position: fixed;
        z-index: 999;
    }

    .product-gallery-content {
        position: sticky;
        top: 25px;
    }

    .product-gallery-content ol {
        margin: 1.4rem 0rem;
        width: 635px;
        gap: 20px;
    }

    .product-container-info .accept-pol i {
        left: 10px;
        top: 10px;
    }

    .product-container-info .product-share-area .share-product-btn,
    .product-container-info .ask-expert-btn {
        padding: 0.7rem 1em;
    }

    .related ul.products li.product img {
        height: 300px;
        background-color: #FFF;
    }

    .woocommerce-tabs .wc-tabs {
        padding: 0rem 5rem;
    }

    .post-contenido .image-post .post-thumbnail {
        height: 730px;
    }

    .area-lista-post .post-list a:first-child .post-list-image {
        height: 530px;
    }

    .area-comentarios {
        padding-top: 3rem;
    }

    .comment-form {
        margin-bottom: 5rem;
        padding: 1rem 3rem;
        width: 60%;
    }
    /*
    .area-lista-post .post-list a:first-child .post-content h2 {
        left: 120px;
        width: 830px;
    }
    */

    .footer-principal-area .wpcf7-form .wpcf7-text {
        width: 480px;
    }

    .search-modal-content,
    .principal-modal-content {
        background-color: #555 !important;
        padding: 1rem 6rem;
    }

    .principal-modal-widget .principal-modal-container .radio-btn-area p {
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .search-modal-content .search-modal-widget form,
    .search-modal-content .search-modal-widget form input,
    .principal-modal-widget, .principal-modal-container,
    .principal-modal-widget, .principal-modal-container form,
    .principal-modal-widget, .principal-modal-container form input,
    .principal-modal-widget, .principal-modal-container form p {
        width: 100%;
    } 

    .product-gallery-content ol li {
        width: 75px;
    }
    
    .search-modal-content form button {
        font-size: 1.4rem;
        height: 45px;
        padding-inline: 1rem 2rem;
        margin-bottom: 1rem;
        width: 200px;
    }

    .hombred h4, .hombrei h4 {
        font-size: 1.3rem;
    }

    .post-contenido .post-tags{
        padding-left: 4rem;
    }

    .post-tags .tags-icon {
        position: absolute;
        display: block;
        left: 0px;
        top: 5px;
    }

    /*- 
        SUSCRITION FORM
    -*/ 
    /* Contenedor principal del formulario */
    .footer-secondary-area .wpcf7 form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

}