@media (max-width: 1400px) {}

@media (max-width: 1279px) {
    .layout {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: 
            "header"
            "main"
            "footer";
    }
    /* HEADER START */
    .sidebar {
        max-width: none;
    }

    .sidebar > .offerings > div > div {
        max-width: none;
    }
    /* HEADER END */
}














@media (max-width: 1279px) {
    .bl-header {
        gap: clamp(25px, 4vw, 50px);
    }
}




















@media (max-width: 799px) {
    .layout {
        display: flex;
        flex-direction: column;
    }

    .container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 clamp(20px, 5vw, 40px);
    }





    /* MAIN START */

    main .container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 clamp(20px, 5vw, 40px);
    }

    .bl-header {
        padding: 50px 0;
        gap: clamp(25px, 4vw, 50px);
    }










    /* SECTION RELIABLE START */

    .reliable > div {
        flex-direction: column;
    }

    .reliable > div > div > div:nth-last-child(1) > span {
        color: black;
    }

    /* SECTION RELIABLE END */



    




    /* SECTION GET MORE START */

    .getmore {
        padding: 80px 0;
    }

    .getmore > div:nth-child(2) > div {
        max-width: none;
    }

    /* SECTION GET MORE END */








    /* SECTION RELIABLE START */

    .reliable {
        padding: 80px 0;
    }

    /* SECTION RELIABLE END */








    /* SECTION IMAGE BREAKER START */

    .imagebreaker {
        padding: 100px 0;
    }

    .imagebreaker > div > img:nth-child(1) {
        width: clamp(335px, calc(335px + (100vw - 350px) * 385 / 450), 720px);
        height: clamp(335px, calc(400px + (100vw - 350px) * -65 / 450), 400px);
    }

    /* SECTION IMAGE BREAKER END */









    /* SECTION SOFTWARE START */
    
    .software {
        padding: 48px 0px 80px 0px;
    }

    .software > div:nth-child(1) > p > br {
        display: none;
    }

    .software > div:nth-child(2) {
        flex-direction: column;
        gap: 40px;
    }

    /* SECTION SOFTWARE END */
















    /* SECTION CTA START */

    .cta {
        padding: 50px 0px 100px 0px;
    }

    .cta > div > img {
        min-width: 335px;
        height: 350px;
    }

    .cta > div > div {
        left: 20px;
    }

    /* SECTION CTA END */

    /* MAIN END */












    /* FOOTER START */

    footer {
        padding: 31px clamp(20px, 5vw, 40px);
        gap: 10px;
    }

    footer > div {
        min-width: 162.5px;
    }

    footer > .r-bl {
        max-width: clamp(200px, calc(25vw + 100px), 238px);
    }

    /* FOOTER END */
}







@media (max-width: 470px) {
    
    /* SECTION IMAGE BREAKER START */

    .imagebreaker > div > img:nth-child(1) {
        display: none;
    }

    .imagebreaker > div > img:nth-child(2) {
        display: block;
        max-width: 335px;
        max-height: 400px;
        border-radius: 10px;
    }

    /* SECTION IMAGE BREAKER END */

}