@media screen and (max-width: 1200px) {
    .tp_wrapper {
        max-width: 970px;
    }
}
@media screen and (max-width: 990px) {
    .tp_nav, 
    .tp_phone {
        display: none;
    }
    .tp_phone--mobile {
        display: block;
    }
    .tp_nav--mobile {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .tp_logo {
        line-height: 1;
        margin: 0 auto;
        text-align: center;
    }
    .tp_logo img {
        max-width: 310px;
    }
    .tp_logo a span {
        line-height: 100px;
    }
    .tp_nav__toggle {
        display: block;
    }
    .tp_wrapper {
        max-width: 768px;
    }
}
@media screen and (max-width: 768px) {
    .tp_footer {
        padding: 0 20px;
    }
    .tp_footer__top .tp_footer__flex {
        flex-direction: column;
    }
    .tp_footer__top {
        padding: 40px 0;
    }
    .tp_footer__nav {
        justify-content: space-between;
        width: 100%;
    }
    .tp_footer__col {
        flex-basis: 50%;
        width: auto;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .tp_footer__logo {
        max-width: 450px;
    }
}
@media screen and (max-width: 450px) {
    .tp_content .tp_wrapper {
        padding: 0;
    }
    .tp_logo img {
        max-width: 125px;
        max-height: 75px;
    }
    .tp_logo a span {
        line-height: 80px;
    }
    .tp_footer__nav {
        flex-direction: column;
    }
    .tp_footer__col {
        flex-basis: inherit;
    }
    .tp_footer__bottom {
        flex-direction: column;
        justify-content: center;
    }
    .tp_footer__social {
        margin-top: 10px;
    }
    .tp_footer__logo {
        max-width: 320px;
    }
}