@media (max-width: 990px)
{
    header,
    header.sticky
    {
        padding: 10px 20px;

    }
    header .navigation 
    {
        display: none;

    }

    header .navigation.active 
    {
        width: 100%;
        height: calc(100% - 68px);
        position: fixed;
        top: 68px;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: #fff;
    }

    header .navigation li 
    {
        margin-left: 0;
    }
    header .navigation li a 
    {
        color: #111;
        font-size: 1.6em;
    }
    .menuToggle
    {
        position: relative;
        width: 40px;
        height: 40px;
        background: url(img/menu.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;

    } 
    .menuToggle.active 
    {
        background: url(img/active.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }
    header.sticky .menuToggle{
        filter: invert(1);
    }
    section 
    {
        padding: 20px;

    }
    .banner .content h2
    {
        font-size: 3em;
        /* color: #fff; */


    }

    .p_row{
        flex-direction: column;

    }

    .footer{
        flex-direction: column;
        padding: 30px 30px;
        height: 650px;

    }
    .row , .col
    {
        flex-direction: column;
        padding: 20px;

    }
    .row .col50 , col
    {
        position: relative;
        width: 100%;
    }
    .row .col50 .imgBx
    {
        height: 300px;
        margin-top: 20px;
    }
    .menu .content 
    {
        margin-top: 20px;

    }
    .menu .content .box
    {
        margin: 10px;
    }
    .menu .content .box .imgBx
    {
        height: 260px;
    }
}