/*
 *	120em
 */
@media (min-width: 1920px)
{
}
/*
 *	85em
 */
@media (max-width: 1360px)
{
}
/*
 *	75em
 */
@media (max-width: 1200px)
{
}
/*
 *	70em
 */
@media (max-width: 1120px)
{
}
/*
 *	65em
 */
@media (max-width: 1040px)
{
    .nav__panel
    {
        grid-template-columns: 12rem auto auto;
    }
}
/*
 *	60em
 */
@media (max-width: 960px)
{
    .about__image
    {
        height: 20rem;
    }
    .about__image::before
    {
        height: 100%;
        background-size: contain;
    }
}
/*
 *	55em
 */
@media (max-width: 880px)
{
    .top__grid
    {
        grid-template-columns: 8rem 1fr;
    }
    .top__signin,
    .nav__list,
    .main-menu,
    .footer-menu,
    .top__info
    {
        display: none !important;
    }
    .nav__burger,
    .nav__info
    {
        display: grid;
    }
    .direction__content_grid
    {
        grid-template-columns: auto;
    }
    .direction__content_grid > div:last-child
    {
        grid-row: 1 / 2;
    }
    .footer__menu 
    {
        display: none;
    }
}
/*
 *	50em
 */
@media (max-width: 800px)
{
    .footer__apps
    {
        justify-content: center;
    }
}
/*
 *	45em
 */
@media (max-width: 720px)
{
    :root {
        --h1-fz: 3rem;
        --h2-fz: 2rem;
        --h3-fz: 1.5rem;
        --h4-fz: 1.75rem;
    }
    .auth .gaf-c
    {
        grid-auto-flow: unset;
        grid-gap: .5rem!important;
    }
    .direction__tabs
    {
        grid-template-columns: auto;
    }
    .direction__tab
    {
        padding: .75rem 1rem;
    }
    .direction__tab:not(:last-child)
    {
        /*border-right: none;*/
        border-bottom: solid 1px rgba(var(--c-w),1);
    }
}
/*
 *	40em
 */
@media (max-width: 640px)
{
    :root {
        --p-limit: 1rem;
    }
    .slider__slide .ratio-5-2 
    {
        min-height: 25rem;
    }
    .news__promo 
    {
        position: relative;
        padding-top: calc(100% / 3 * 2);
    }
    .news__promo > *
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}
/*
 *	35em
 */
@media (max-width: 560px)
{
    .nav__panel
    {
        grid-template-columns: 12rem auto;
    }
    .nav__tel
    {
        display: none;
    }
    .nav__info 
    {
        grid-auto-flow: unset;
    }
    .territory__more
    {
        display: block;
    }
    .territory__more > div:not(:last-child)
    {
        margin-bottom: 2rem;
    }
}
/*
 *	30em
 */
@media (max-width: 480px)
{
    :root {
        --h1-fz: 2rem;
        --h2-fz: 1.75rem;
        --h3-fz: 1.5rem;
        --h4-fz: 1.25rem;
    }
    .about__image
    {
        height: 15rem;
    }
    .footer__apps
    {
        grid-auto-flow: unset;
    }
}
/*
 *	25em
 */
@media (max-width: 400px)
{
}
/*
 *	20em
 */
@media (max-width: 320px)
{

}