$main-color:#bd9865;

.row
{
    display: flex;
    flex-wrap:wrap;
}

.l-wrap
{
    padding-left: 3%;
    padding-right:3%;
    @media(max-width:1200px)
    {
        padding-left:calc(50% - 580px);
        padding-right:calc(50% - 580px);
    }
    @media (min-width:980px) and (max-width:1199px)
    {
        padding-left: calc(50% - 480px);
        padding-right:calc(50% - 480px);
    }
    @media(max-width:979px)
    {
        padding-left: 10px;
        padding-right:10px;
    }
}

.wrap
{
    padding-left:calc(50% - 580px);
    padding-right:calc(50% - 580px);
    @media (min-width:980px) and (max-width:1199px)
    {
        padding-left: calc(50% - 480px);
        padding-right:calc(50% - 480px);
    }
    @media(max-width:979px)
    {
        padding-left: 10px;
        padding-right:10px;
    }
}

.m-wrap
{
    @media(min-width:800px)
    {
        padding-left:calc(50% - 390px);
        padding-right:calc(50% - 390px);
    }
    @media(max-width:799px)
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}