@media (max-width: 1547px) {

    :root {
        --container--width: 1140px;
    }




    .site-heading.size-small {
        font-size: 18px;
        line-height: 28px;
    }

    .site-heading.size-medium {
        font-size: 28px;
        line-height: 36px;
    }

    .site-heading.size-large {
        font-size: 32px;
        line-height: 42px;
    }


    .site-search-form form {
        width: 864px;
    }




    .home-page .presentation ul {
        padding-bottom: 20px;
    }

    .home-page .presentation span:first-child {
        margin-bottom: 6px;
    }


    .home-page .feed .media {
        height: 640px;
    }




    .announcements-page .wrapper {
        grid-template-columns: 280px auto;
    }




    .announcement-page .announcements .control.prev button {
        left: -46px;
    }

    .announcement-page .announcements .control.next button {
        right: -46px;
    }

    .announcement-page .announcements .control svg {
        height: auto;
        width: 16px;
    }




    .article-page .wrapper {
        grid-template-columns: auto 280px;
    }




    .contact-page .content {
        grid-template-columns: auto 516px;
    }




    .site-footer .container {
        grid-template-columns: 160px auto 448px;
    }

}




@media (max-width: 1315px) {

    :root {
        --container--width: 928px;
    }




    p {
        font-size: 16px;
        line-height: 28px;
    }




    .site-page {
        margin-bottom: 72px;
    }


    .site-button.size-medium.style-filled {
        padding: 14px 18px 12px;
    }


    .site-announcement .details,
    .site-article .details {
        padding: 0 16px;
    }


    .site-search-form form {
        width: auto;
    }

    .site-search-form button {
        border-radius: 23px;
    }


    .site-eaf-menu-item .text {
        display: none;
    }

    .site-eaf-menu-item .alt-text {
        display: block;
    }


    .site-wp-content {
        font-size: 16px;
    }

    .site-wp-content ul {
        line-height: 28px;
    }




    .home-page .feed .media {
        height: 512px;
    }




    .announcements-page .wrapper
    .article-page .wrapper {
        grid-column-gap: 48px;
    }




    .announcement-page .presentation {
        margin-right: 32px;
        width: calc((var(--container--width) - 32px) / 2);
    }

    .announcement-page .gallery .media {
        width: calc((var(--container--width) - 32px) / 2);
    }

    .announcement-page .announcements .control.prev button  {
        border-radius: 0 3px 3px 0;
        left: 0;
    }

    .announcement-page .announcements .control.next button  {
        border-radius: 3px 0 0 3px;
        right: 0;
    }

    .announcement-page .announcements .control button {
        align-items: center;
        background-color: var(--color--black-transparent-48);
        color: var(--color--white);
        display: flex;
        height: 45px;
        justify-content: center;
        width: 45px;
        z-index: 1;
    }

    .announcement-page .announcements .control svg {
        height: 21px;
        width: auto;
    }

    .announcement-page .announcements .dot {
        height: 12px;
        width: 12px;
    }

    .announcement-page .announcements .dot:not(:last-child) {
        margin-right: 10px;
    }




    .services-page .list .text {
        padding: 0 16px;
    }




    .contact-page .content {
        display: flex;
        flex-direction: column;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .contact-page .contact {
        margin-bottom: 56px;
    }

    .contact-page .contact-inner {
        padding: 47px 32px 48px;
        position: static;
        top: auto;
    }

    .contact-page .contact h2 {
        margin-bottom: 20px;
        text-align: left;
    }

    .contact-page label:nth-child(4),
    .contact-page label:nth-child(5),
    .contact-page label:nth-child(6) {
        display: block;
        margin-bottom: 32px;
    }

    .contact-page label:nth-child(7) {
        margin-bottom: 36px;
    }

    .contact-page .button {
        margin-bottom: 31px;
    }




    .site-footer .container {
        grid-template-columns: 90px auto 380px;
    }

    .site-footer .about img {
        height: 90px;
        width: auto;
    }

    .site-footer .newsletter input {
        padding: 13px 16px 11px;
    }

}




@media (max-width: 1024px) {

    :root {
        --container--width: 660px;
    }




    iframe {
        top: calc(-1 * ((var(--viewport--width) - 360px) / 2));
    }




    .site-page {
        margin-bottom: 64px;
    }

    .site-heading.size-small {
        font-size: 18px;
        line-height: 28px;
    }

    .site-heading.size-medium {
        font-size: 20px;
        line-height: 28px;
    }

    .site-heading.size-large {
        font-size: 20px;
        line-height: 32px;
    }

    .site-heading span span {
        display: inline;
    }


    .site-archive-pagination .text {
        display: none;
    }

    .site-archive-pagination .page-numbers.prev,
    .site-archive-pagination .page-numbers.next {
        padding-left: 0;
        padding-right: 0;
    }

    .site-archive-pagination .page-numbers.prev svg {
        margin-right: 0;
    }

    .site-archive-pagination .page-numbers.next svg {
        margin-left: 0;
    }


    .site-location {
        margin-bottom: 32px;
    }


    .site-search-form:not(:last-child) {
        margin-bottom: 56px;
    }

    .site-search-form .heading {
        font-size: 20px;
        margin-bottom: 16px;
        text-align: left;
    }

    .site-search-form form {
        border-radius: 3px;
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        overflow: hidden;
    }

    .site-search-form .field {
        border-bottom: 1px solid var(--color--islamic-green);
    }

    .site-search-form .icon {
        position: absolute;
    }

    .site-search-form select,
    .site-search-form input {
        padding-left: 61px;
    }

    .site-search-form button {
        justify-content: center;
        margin: 8px 0;
        width: 100%;
    }


    .site-results-info {
        margin-bottom: 32px;
    }


    .site-media.aspect-ratio-1 {
        padding-top: 50%;
    }

    .site-media.aspect-ratio-2 {
        padding-top: 50%;
    }


    .site-eaf-menu-item {
        color: var(--color--white);
        font-weight: inherit;
    }

    .site-eaf-2026-footer {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 0 0 48px;
        row-gap: 24px;
        text-align: center;
    }

    .site-eaf-2026-footer .wp-block-column:nth-child(1) {
        margin-top: 0;
    }




    .site-wp-content .quote {
        font-size: 18px;
        line-height: 28px;
    }




    .site-header {
        box-shadow: 0 0 40px var(--color--black-transparent-10);
        top: 0;
    }

    .site-header.margin-auto {
        margin-bottom: 32px;
    }

    .site-header::before {
        height: 16px;
    }


    .site-header .container {
        align-items: center;
        display: flex;
        height: 64px;
    }


    .site-header .logo {
        margin-right: auto;
        z-index: 2;
    }

    .site-header img {
        height: 80px;
        width: 80px;
    }


    .site-header nav {
        background-color: var(--color--islamic-green);
        bottom: 0;
        box-sizing: border-box;
        flex-grow: 0;
        height: auto;
        left: 0;
        overflow-y: scroll;
        padding: 48px 0;
        position: fixed;
        right: 0;
        top: 80px;
        transform: translateX(-100%);
        z-index: 1;
    }

    .site-header nav[_active] {
        transform: translateX(0);
        margin-right: 0;
    }


    .site-header .pages {
        color: var(--color--white);
        display: block;
        height: auto;
        margin-bottom: 48px;
        text-align: center;
    }

    .site-header .pages > li {
        display: block;
    }

    .site-header .pages > li:not(:last-child) {
        margin-bottom: 24px;
    }

    .site-header .pages > li:hover .drop-down {
        transform: none;
    }

    .site-header .pages .drop-down {
        position: static;
        top: auto;
        transform: none;
    }

    .site-header .pages .drop-down ul {
        background-color: var(--color--black-transparent-10);
        margin: 12px auto 0;
        width: 180px;
    }


    .site-header .contact-info {
        display: block;
        height: auto;
        margin-bottom: 32px;
        position: static;
        text-align: center;
    }

    .site-header .contact-info li:not(:last-child) {
        margin-bottom: 24px;
    }

    .site-header .contact-info a {
        column-gap: 0;
        display: inline-flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .site-header .social {
        display: block;
        height: auto;
        position: static;
    }

    .site-header .social > li {
        column-gap: 0;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }

    .site-header .social ul {
        column-gap: 24px;
    }


    .site-header .search {
        margin-right: 24px;
    }


    .site-header .menu {
        background-color: transparent;
        color: var(--color--islamic-green);
        display: block;
        padding: 0;
    }




    .home-page .presentation {
        height: 360px;
        margin-bottom: 80px;
    }

    .home-page .presentation .video iframe {
        top: calc(-1 * ((var(--viewport--width) - 360px) / 2));
    }

    .home-page .presentation .video button {
        bottom: 63px;
    }

    .home-page .presentation h1 {
        width: auto;
    }

    .home-page .presentation ul {
        bottom: -43px;
        padding: 16px 0;
        width: var(--container--width);
    }

    .home-page .presentation span:first-child {
        font-size: 16px;
        margin: 0 0 -8px;
    }

    .home-page .presentation span:last-child {
        font-size: 11px;
    }


    .home-page .breaking-news {
        margin-bottom: 56px;
    }

    .home-page .breaking-news h2 {
        margin-bottom: 16px;
    }


    .home-page .articles {
        margin-bottom: 56px;
    }

    .home-page .articles h2 {
        margin-bottom: 16px;
    }

    .home-page .articles .list {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .articles article:not(:last-child) {
        margin-bottom: 32px;
    }


    .home-page .announcements {
        margin-bottom: 56px;
    }

    .home-page .announcements h2 {
        margin-bottom: 16px;
    }

    .home-page .announcements ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .announcements li:not(:last-child) {
        margin-bottom: 32px;
    }


    .home-page .feed h2 {
        margin-bottom: 16px;
    }

    .home-page .feed .content {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .feed .facebook {
        margin-bottom: 32px;
    }

    .home-page .feed .media {
        height: 480px;
    }




    .announcements-page .filtering-options {
        align-items: center;
        background-color: transparent;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
        padding: 0;
    }

    .announcements-page .filtering-options svg {
        color: var(--color--islamic-green);
        margin-right: 10px;
    }

    .announcements-page .wrapper {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .announcements-page .filters {
        background-color: var(--color--black-transparent-48);
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(-100%);
        z-index: 2;
    }

    .announcements-page .filters[_active] {
        transform: translateX(0);
    }

    .announcements-page .filters .content {
        background-color: var(--color--white);
        box-shadow: 0 0 40px var(--color--black-transparent-10);
        box-sizing: border-box;
        height: 100%;
        overflow-y: scroll;
        padding: 24px;
        position: static;
        top: auto;
        width: 50%;
    }

    .announcements-page .filters .close {
        flex-grow: 1;
    }

    .announcements-page .filters h1 {
        padding-bottom: 4px;
    }

    .announcements-page .filters p {
        padding-bottom: 22px;
    }

    .announcements-page .wrapper .list {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
    }

    .announcements-page .wrapper .list:not(:last-child) {
        margin-bottom: 56px;
    }

    .announcements-page .wrapper li:not(:last-child) {
        margin-bottom: 32px;
    }

    .announcements-page .content {
        padding-top: 48px;
    }




    .search-page .results:not(:last-child) {
        margin-bottom: 56px;
    }




    .zootechnical-certificates-page table:not(:last-child) {
        margin-bottom: 56px;
    }

    .zootechnical-certificates-page table,
    .zootechnical-certificates-page tbody,
    .zootechnical-certificates-page tr,
    .zootechnical-certificates-page td {
        display: block;
    }

    .zootechnical-certificates-page thead {
        display: none;
    }

    .zootechnical-certificates-page tr {
        border: 1px solid;
        border-radius: 3px;
        padding: 0 15px;
    }

    .zootechnical-certificates-page tr:not(:last-child) {
        margin-bottom: 16px;
    }

    .zootechnical-certificates-page td {
        border: 0;
        padding: 8px 0;
    }

    .zootechnical-certificates-page td:not(:last-child) {
        border-bottom: 1px solid;
    }

    .zootechnical-certificates-page td:not([colspan])::before {
        content: attr(data-th) ": ";
        font-weight: 600;
    }




    .seller-page .list {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .seller-page .list:not(:last-child) {
        margin-bottom: 56px;
    }

    .seller-page .list li:not(:last-child) {
        margin-bottom: 32px;
    }




    .announcement-page .wrapper {
        align-items: stretch;
        display: block;
        margin-bottom: 24px;
    }

    .announcement-page .presentation {
        margin: 0 0 32px;
        width: auto;
    }

    .announcement-page .gallery {
        margin-bottom: 6px;
    }

    .announcement-page .gallery .media {
        width: var(--container--width);
    }

    .announcement-page .thumbnails .media-wrapper {
        width: calc((var(--container--width) - 18px) / 4);
    }

    .announcement-page .thumbnails .media-wrapper:not(:last-child) {
        margin-right: 6px;
    }

    .announcement-page .info {
        margin-bottom: 56px;
    }

    .announcement-page .announcements h2 {
        margin-bottom: 16px;
    }

    .announcement-page .announcements .inner {
        margin-bottom: 40px;
    }

    .announcement-page .announcements li {
        width: var(--container--width) ;
    }

    .announcement-page .announcements li:not(:last-child) {
        margin-right: 0;
    }

    .announcement-page .announcements .control {
        width: var(--container--width);
    }

    .announcement-page .announcements .control::before {
        padding-top: 50%;
    }

    .announcement-page .announcements .dots.multiple {
        display: none;
    }

    .announcement-page .announcements .dots.singular {
        display: flex;
    }

    .announcement-page .announcements .dot {
        height: 10px;
        width: 10px;
    }

    .announcement-page .announcements .dot:not(:last-child) {
        margin-right: 6px;
    }




    .mixed-announcements-page .list {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .mixed-announcements-page .list:not(:last-child) {
        margin-bottom: 56px;
    }

    .mixed-announcements-page .list li:not(:last-child) {
        margin-bottom: 32px;
    }




    .mixed-announcement-page h1 {
        margin-bottom: 16px;
    }

    .mixed-announcement-page .gallery {
        grid-gap: 6px;
        grid-template-columns: repeat(2, 1fr);
    }




    .articles-page .wrapper {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .articles-page .list {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .articles-page .list:not(:last-child) {
        margin-bottom: 56px;
    }

    .articles-page .wrapper main {
        margin-bottom: 56px;
    }

    .articles-page .wrapper article:not(:last-child) {
        margin-bottom: 32px;
    }




    .article-page .wrapper {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .article-page article .featured-media {
        margin-bottom: 20px;
    }

    .article-page .wrapper main {
        margin-bottom: 56px;
    }




    .technical-info-page h1 {
        margin-bottom: 16px;
    }

    .technical-info-page .links a > span:last-child {
        display: none;
    }




    .services-page .list {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .services-page .list:not(:last-child) {
        margin-bottom: 56px;
    }

    .services-page .list li:not(:last-child) {
        margin-bottom: 32px;
    }




    .credentials-page .images {
        grid-column-gap: 16px;
    }




    .default-page h1 {
        margin-bottom: 16px;
    }

    .default-page .thumbnails {
        grid-gap: 6px;
        grid-template-columns: repeat(2, 1fr);
    }




    .contact-page .contact {
        margin-bottom: 48px;
    }

    .contact-page h1 {
        margin-bottom: 16px;
    }

    .contact-page .contact-inner {
        padding: 39px 24px 40px;
    }

    .contact-page .contact h2 {
        margin-bottom: 16px;
    }

    .contact-page label:nth-child(4),
    .contact-page label:nth-child(5),
    .contact-page label:nth-child(6) {
        margin-bottom: 24px;
    }

    .contact-page label:nth-child(7) {
        margin-bottom: 28px;
    }

    .contact-page label:nth-child(9) {
        margin-bottom: 2px;
    }

    .contact-page .button {
        margin-bottom: 23px;
    }




    .credentials-page h1 {
        margin-bottom: 14px;
    }




    .site-footer {
        padding-top: 40px;
    }

    .site-footer .container {
        display: block;
        grid-row-gap: 0;
        grid-template-columns: none;
        justify-content: flex-start;
    }

    .site-footer .about {
        display: none;
    }

    .site-footer .links {
        margin-bottom: 32px;
    }

    .site-footer .newsletter {
        margin-bottom: 28px;
    }

}




@media (max-width: 691px) {

    :root {
        --container--width: calc(var(--viewport--width) - 32px);
    }




    .site-media.aspect-ratio-1 {
        padding-top: 70%;
    }

    .site-media.aspect-ratio-2 {
        padding-top: 70%;
    }


    .home-page .presentation .modal {
        padding: 20px 0;
    }

    .home-page .announcements .media,
    .announcements-page .media,
    .site-article .media {
        border-radius: 0;
        margin-left: -16px;
        width: calc(100% + 32px);
    }


    .home-page .announcements .details,
    .announcements-page .details,
    .site-article .details {
        padding: 0;
    }




    .announcements-page .filters .content {
        width: calc(100% - 57px);
    }




    .announcement-page .presentation > .media {
        border-radius: 0;
        margin-left: -16px;
        width: calc(100% + 32px);
    }

    .announcement-page .gallery .inner {
        margin-left: -16px;
        width: calc(100% + 32px);
    }

    .announcement-page .gallery .media {
        border-radius: 0;
        width: var(--viewport--width);
    }

    .announcement-page .gallery .control.prev {
        left: -16px;
    }

    .announcement-page .gallery .control.next {
        right: -16px;
    }

    .announcement-page .announcements .inner {
        margin-left: -16px;
        width: calc(100% + 32px);
    }

    .announcement-page .announcements li {
        width: var(--viewport--width) ;
    }

    .announcement-page .announcements .media {
        border-radius: 0;
    }

    .announcement-page .announcements .details {
        padding: 0 16px;
    }

    .announcement-page .announcements .control::before {
        padding-top: 70%;
    }

    .announcement-page .announcements .control.prev {
        left: -16px;
    }

    .announcement-page .announcements .control.next {
        right: -16px;
    }




    .article-page article .featured-media {
        border-radius: 0;
        margin-left: -16px;
        width: calc(100% + 32px);
    }




    .services-page .list .media {
        border-radius: 0;
        margin-left: -16px;
        width: calc(100% + 32px);
    }

    .services-page .list .text {
        padding: 0;
    }




    .credentials-page .images {
        align-items: stretch;
        grid-gap: 24px 8px;
        grid-template-columns: 1fr;
    }

    .credentials-page .wrapper {
        width: 50%;
    }




    .contact-page .contact-inner {
        box-sizing: border-box;
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        width: calc(100% + 32px);
    }




    .site-footer .note > span:last-child {
        display: block;
    }

}