@media only screen and (max-width: 1279px) and (min-width: 1000px) {
    .tablet-hidden {
        display: none;
    }
    
    /* Стилі першого блоку */
    #block1 {
        width: 100%;
        margin-top: 65px;
        height: auto;
    }

    #block1 h1 {
        font-family: "Gotham Pro Medium Regular";
        width: 720px;
        margin: 0;
        font-size: 96px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: left;
        line-height: 150%;
    }

    #block1 img {
        width: 700px;
        height: auto;
        position: absolute;
        margin-top: -80px;
        left: 0;
    }

    #block1 .block1-content {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    #block1 .video-with-button {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #block1 .video-with-button button {
        display: flex;
        background: transparent;
        flex-direction: row;
        align-items: center;
        border: none;   
    }

    #block1 .video-with-button button p {
        color: #253C59;
        font-family: "Gotham Pro Medium Regular";
        font-size: 16px;
        text-transform: uppercase;
        transition: all .3s;
    }

    #block1 .video-with-button button:hover p {
        color: #D4A365; 
    }

    #block1 .video-with-button video {
        border-radius: 10px;
    }

    #block1 .contact-us {
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin-bottom: 24px;
        z-index: 995;
    }

    #block1 .contact-us p {
        font-weight: 300;
    }

    #block1 #partners {
        display: block;
        width: 100vw;
        height: auto;
        margin-top: 65px;
    }

    /* Стилі другого блоку */
    #block2 {
        margin: 100px 0 0 0;
        height: auto;
        padding-bottom: 0;
    }

    #block2 .products {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 200px 0 0 0;
        height: auto;
        gap: 50px;
    }

    #block2 .products .product-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0;
        width: 350px;
        height: 750px;
        gap: 50px;
    }

    #block2 .products .product-card .product-images {
        max-width: 260px;
        height: 460px;
    }

    #block2 .products .product-card .product-images img {
        width: 250px;
        height: auto;
    }
    
    #block2 .products .product-card .product-images #sugar-spline {
        width: 400px;
        height: 400px;
        position: absolute;
        margin: -350px 0 0 -125px;
    }

    #block2 .products .product-card .product-images #flour-spline {
        width: 400px;
        height: 300px;
        position: absolute;
        margin: -200px 0 0 -75px;
    }

    #block2 .products .product-card .product-content {
        width: 260px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #block2 .products .product-card .product-content .product-name {
        font-size: 24px;
        font-family: "Gotham Pro Medium Regular";
        text-transform: uppercase;
        margin-bottom: 0;
    }

    #block2 .products .product-card .product-content .product-specs {
        margin-top: 36px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
    }

    #block2 .products .product-card .product-content .spec {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
    }

    #block2 .products .product-card .product-content .spec p {
        margin: 3px 0 0 0;
        line-height: 150%;
        text-align: left;
    }

    #block2 .products .product-card .product-content .product-price {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    #block2 .products .product-card .product-content .product-price .price {
        color: #D4A365;
        font-size: 24px;
        margin: 0;
    }

    #block2 .products .product-card .product-content .product-price button {
        width: 260px;
    }

    /* Стилі третього блоку */
    #block3 {
        margin: 100px 0 0 0;
        height: auto;
        border-radius: 10px;
        background: linear-gradient(135deg, #18273A 0%, #253C59 100%);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #block3 #pen-img {
        display: none;
    }

    #block3 .docs-content {
        padding: 0 20px 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #block3 .docs-content h1 {
        color: #D4A365;
        font-size: 24px;
        font-family: "Gotham Pro Medium Regular";
        text-align: left;
        margin: 10px 0 0 0;
    }

    #block3 .docs-content #docs-txt {
        color: white;
        font-size: 16px;
        text-align: left;
        line-height: 150%;
        margin: 24px 0 0 0;
    }

    #block3 .docs-content b {
        font-family: "Gotham Pro Medium Regular";
    }

    #block3 .docs-content #download-btn {
        margin: 45px 0 0 0;
    }

    /* Стилі четвертого блоку */
    #block4 {
        margin: 100px 0 0 0;
        width: 100%;
        height: auto;
    }

    #block4 .titles {
        color: #253C59;
    }

    #block4 .facts {
        margin: 40px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        align-items: center;
    }

    #block4 .facts .facts-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        width: 100%;
    }

    #block4 .facts .facts-section div{
        background-color: lightgray;
        border-radius: 10px;
        line-height: 150%;
    }

    #block4 .facts .facts-section .wide-fact-section {
        width: 99%;
        height: 200px;
        color: #253C59;
    }

    #block4 .facts .facts-section .sm-fact-section {
        width: 99%;
        height: 200px;
        color: white;
    }

    #block4 .facts .facts-section #asphalt {
        width: 100%;
        height: 160px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: white;
        background: url('../images/asphalt.jpg'), black 50% / cover no-repeat;
        background-size: 100% auto;
    }

    #block4 .facts .facts-section #asphalt p {
        max-width: 90%;
    }

    #block4 .facts .facts-section #teaspoon {
        background: transparent;
        border: 2px solid #D3C293;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #block4 .facts .facts-section #teaspoon img {
        position: relative;
        width: 100%;
        max-height: 100%;
        border-radius: 8px;
        margin-top: -80px;
    }

    #block4 .facts .facts-section #teaspoon p {
        max-width: 90%;
        text-align: right;
    }

    #block4 .facts .facts-section #fat {
        background: linear-gradient(174deg, #7C9B53 0%, #A4B574 100%);
        border: 2px solid #7C9B53;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    #block4 .facts .facts-section #fat img {
        width: 100%;
        height: auto;
        margin-top: -220px;
        border-radius: 8px;
    }

    #block4 .facts .facts-section #fat p {
        max-width: 500px;
        text-align: left;
    }

    #block4 .facts .facts-section #weight-loss {
        background: linear-gradient(315deg, #629B93 0%, #337579 100%);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        gap: 25px;
    }

    #block4 .facts .facts-section #weight-loss img {
        height: 130px;
        width: auto;
    }

    #block4 .facts .facts-section #weight-loss p {
        max-width: 700px;
        text-align: left;
    }

    #block4 .facts .facts-section #protein {
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 2px solid #F4C676;
    }

    #block4 .facts .facts-section #protein img {
        width: 100%;
        height: 98px;
        border-radius: 8px;
    }

    #block4 .facts .facts-section #protein p {
        max-width: 90%;
        text-align: left;
    }

    /* Стилі п'ятого блоку */
    #block5 {
        margin-top: 170px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 65px;
    }

    #block5 #content {
        border-radius: 10px;
        background: #253C59;
        position: initial;
        right: 0;
        color: white;
        width: 70%;
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    #block5 #content #txt {
        margin-left: 24px;
        font-size: 24px;
        max-width: 400px;
        line-height: 150%;
        text-align: center;
    }

    #block5 button {
        width: 200px;
    }

    #block5 #lens-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #block5 #lens-title #lens-img {
        height: 215px;
        width: auto;
        position: absolute;
        z-index: 998;
        left: calc(((100vw - 450px)/2) - 145px);
        margin-top: 50px;
    }

    /* Стилі блоку сторінки цукру та борошна */
    #sugar-block, #flour-block, #policies-block, #fertilizers-block {
        margin: 100px 0 0 0;
    }

    #sugar-block .wrapper, #flour-block .wrapper, #fertilizers-block .wrapper {
        width: 100vw;
        position: absolute;
        margin: 0;
        overflow-x: scroll;
        scroll-behavior: smooth;
    }

    #sugar-block .wrapper::-webkit-scrollbar, #flour-block .wrapper::-webkit-scrollbar {
        display: none;
    }

    #sugar-block .products, #flour-block .products, #fertilizers-block .products {
        margin: 50px 0 0 0;
        width: 1750px;
        height: 330px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 40px;
    }

    #sugar-block .products .product-offer, #flour-block .products .product-offer, #fertilizers-block .products .product-offer {
        height: 100%;
        width: 260px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #sugar-block .products .product-offer .package-img img, #flour-block, #fertilizers-block, .products .product-offer .package-img img {
        width: 100%;
        height: 100%;
    }


    /* Стилі блоку політики якості */
    #policies-block {
        width: 100%;
        height: fit-content;
    }

    #policies-block .content {
        margin: 50px 0 0 0;
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #policies-block .content .content-section {
        height: fit-content;
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        gap: 20px;
    }

    #policies-block .content #low-section {
        height: fit-content;
    }

    #policies-block .content .content-section div {
        background: white;
        border-radius: 10px;
        height: 100%;
        width: 100%;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        padding: 20px 0;
    }

    #policies-block .content .content-section div p {
        margin: 0;
        text-align: left;
        line-height: 150%;
        padding: 0 16px 0 0;
    }

    #policies-block .content #low-section div img {
        margin: 0 0 0 20px;
    }

    #policies-block .content .content-section div img {
        margin: 0 0 0 20px;
    }
}