@media (max-width: 1399px) {
    .layout {
        max-width: 1200px;
        margin: auto;
        padding-left: 1%;
        padding-right: 1%;
    }
    .navigationContainer{
        grid-template-columns: 11% 71% 18%;
    }
    .layoutHeader{
        padding-left: 0%;
        padding-right: 0%;
    }


    .webGrid{
        grid-template-columns: 100% 45%;
    }

    .webGridOpened{
        margin-left: -45%;
    }
    .webGridOpenedCart{
        margin-left: -45%;
    }
    .headerOpened {
        left: -45%;
    }
}

@media (max-width: 1199px) {
    .layout {
        max-width: 1100px;
        margin: auto;
    }
    .navigationContainer{
        grid-template-columns: 11% 71% 18%;
    }
    .headerMenuButton {
        margin-right: 20px;
    }


}
@media (max-width: 1100px) {
    .layout {
        max-width: 1031px;
        margin: auto;
        padding-left: 3%;
        padding-right: 3%;
    }
    .navigationContainer{
        grid-template-columns: 11% 69% 18%;
    }
    .headerMenuButton span {
        font-size: 9pt;
    }

    .layoutHeader {
        padding-left: 0%;
        padding-right: 0%;
    }
}