@media screen and (max-width: 600px) {
    #requestDemoButton {
        display: none;
    }
    #also-from-grubmarket-text {
        max-width: 265px;
    }
	#download-icons-div{
        display: flex;
        justify-content: center;
        gap: 16px;
		flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 1585px) {
    #scrolling-features-clickables-div {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 1660px) {
    #screen1 {
        padding: 30px 50px;
        width: calc(100% - 100px);
        height: calc(100vh - 60px);
    }
    #screen1-content-div {
        margin: unset;
    }
    #introducing-grubassist-text-div span {
        font-size: 54px;
    }
    #introducing-grubassist-text-div div span {
        font-size: 110px;
    }
    #your-data-text-div {
        margin-top: 115px;
        min-width: 214px;
    }
}

@media screen and (max-width: 1910px) {
    .scrolling-features-clickables {
        width: 140px;
        min-width: 140px;
        padding: 16px;
    }
    .scrolling-features-clickables span{
        text-wrap: unset;
        white-space: pre-line;
    }
}

@media screen and (max-width: 1200px) {
    #header {
        transform: scale(0.8);
    }
    footer {
        margin: 80px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 16px;
        align-items: center;
    }
    footer .items{
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    /***********************
    screen #1 - home page
    ************************/
    #screen1 {
        padding: 30px;
        display: flex;
        flex-direction: column;
        width: calc(100% - 60px);
        height: calc(100vh - 60px);
    }
    #title-logo {
        max-width: 200px;
    }

    #screen1-content-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px;
        min-height: 425px;
        margin: unset;
    }

    #introducing-grubassist-text-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    #introducing-grubassist-text-div span{
        font-size: 38px;
    }
    #introducing-grubassist-text-div div{
        display: flex;
        flex-direction: row;
    }
    #introducing-grubassist-text-div div span{
        font-size: 64px;
    }
    #scroll-down-div {
        visibility: hidden;
    }
    #animating-chats-div #chat-1 {
        margin: 0 12px;
    }
    #animating-chats-div #chat-2 {
        margin: 0 -12px;
    }


    /***********************
    screen #2 - four corner animation
    ************************/


    /***********************
    screen #3
    ************************/
    #screen3 {
        padding: 0 30px;
        width: calc(100% - 60px);
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 46px;
        height: unset;
    }
    #your-data-text-div{
        align-items: center;
    }
    #your-data-text-div span{
        font-size: calc(2.375rem + ((1vw - 3.2px) * 2.0455));
        text-align: center;
    }
    #grubassist-is-text-div{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 46px;
    }
    #grubassist-is-text-div span{
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.6818));
        color: #7a7a7a;
        line-height: 180%;
        white-space: pre-line;
        text-align: center;
    }
    #download-icons-div{
        gap: 16px;
    }
    #mobile-assistants-icons-div{
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 32px;
    }
    #popup-phone-image {
        position: relative;
        /*width: calc(100% - 36px);*/
        margin-bottom: -187px;
        max-width: 350px;
        top: unset;
        animation-range: entry 0% cover 25%;
    }
    @keyframes popup-phone-image {
        0% {
            transform: translateY(300px);
        }
        100% {
            transform: translateY(0px);
        }
    }


    /***********************
    screen #4 - features promotion
    ************************/
    #screen4 {
        position: relative;
        padding: 64px 30px;
        width: calc(100% - 60px);
        border-radius: 50px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(208deg, #32A674 13.81%, #2CC483 53.92%, #A7CC5A 93.23%);
    }
    #scrolling-features-div {
        padding: unset;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 20px;
        background: unset;
        gap: 64px;
        overflow: unset;
    }
    #get-the-information-text {
        color: #FFF;
        text-align: center;
        font-size: calc(1.5rem + ((1vw - 2.8px) * 1.087));
        line-height: 130%;
        white-space: unset;
        max-width: 500px;
        align-self: center;
    }
    #scrolling-features-chat-images {
        width: 100%;
        max-width: 448px;
        align-self: center;
    }
    #scrolling-features-clickables-div {
        justify-content: flex-start;
    }
    .scrolling-features-clickables span {
        color: #EEE;
        text-align: center;
        font-size: 16px;
        line-height: 135%;
    }
    #promo-points-div {
        margin-top: 86px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: flex-start;
        align-items: center;
    }
    .promo-points-card:nth-child(1) {
        animation-range: entry 0% cover 23%;
    }
    .promo-points-card:nth-child(2) {
        animation-range: entry 0% cover 23%;
    }
    .promo-points-card:nth-child(3) {
        animation-range: entry 0% cover 23%;
    }
    @keyframes promo-points-card {
        0% {
            transform: translateX(-100vw);
        }
        100% {
            transform: translateX(0px);
        }
    }
    .promo-points-card span {
        color: #1C6E31;
        text-align: center;
        font-size: 22px;
        line-height: 150%;
    }
    .promo-points-card div {
        color: #22282A;
        text-align: center;
        font-size: 18px;
        line-height: 150%;
    }
    #other-products-div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
    }

    #case-studies {
        flex-direction: column;
        align-items: center;
    }

    .case-study {
        width: 100%;
        max-width: 500px;
    }

    .case-study img {
        min-width: 353px;
    }


    /***********************
    screen #5 - other products
    ************************/
    #screen5 {
        /*margin-top: 50px;*/
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #screen5-1 {
        width: calc(100% - 32px);
        padding: 25px 16px 32px 16px;
    }
    #request-demo-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 20px;
        background: #FFF;
        margin: unset;
        padding: 32px;
        gap: 42px;
        width: unset;
    }
    #grubassist-logo {
        width: 100%;
        max-width: 258px;
    }
    #request-demo-button {
        display: flex;
        padding: 16px 34px;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: #278C59;
    }
    #request-demo-button span {
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
    }

    #also-from-grubmarket-text {
        color: #FFF;
        text-align: center;
        font-size: calc(1.6875rem + ((1vw - 2.8px) * 2.0652));;
        line-height: 130%;
        margin: 0 16px;
    }

    #screen5-2 {
        display: flex;
        width: calc(100% - 64px);
        padding: 64px 32px;
        flex-direction: column;
        align-items: center;
        gap: 64px;
    }
    #other-products-div {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-items: center;
        justify-content: flex-start;
    }
    .other-products-card {
        padding: 20px 20px 0 20px;
    }
    .other-products-card:nth-child(1) {
        animation-range: entry 0% cover 32%;
    }
    .other-products-card:nth-child(2) {
        animation-range: entry 0% cover 32%;
    }
    .other-products-card:nth-child(3) {
        animation-range: entry 0% cover 32%;
    }
    .other-products-card-logo {
        width: 100%;
        max-width: 349px;
        max-height: 40px;
    }
    .other-products-card-ss {
        height: 100%;
        max-height: 200px;
        width: 100%;
        box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.20);
    }

    #privacy-policy {
        color: #1C6E31;
        font-size: 14px;
        line-height: 268%;
        text-align: center;
    }
}