@media screen and (max-width: 1366px){
    #footer {
        padding: 80px 15px;
    }
    .rewards {
        justify-content: center;
    }
}

@media screen and (max-width: 1300px){
    #top-menu a {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #register-btn {
        display: none;
    }

    #bottom-menu {
        display: none;
    }

    footer .box {
        padding: 0;
    }

    #header #top-menu {
		display: none;
	}

    .register-btn-inmenu {
        display: block;
    }

    .login-btn-inmenu {
        display: block;
    }

    #top-menu a {
        padding: 5px 10px;
    }

    #top-menu li {
        font-size: 16px;
    }

    #header a#logo img {
        display: none;
    }

    #header a#logo {
        background-image: url("/static/images/site/vindi_768/logo768.png");
        width: 161px;
        height: 54px;
    }

    #header .buttons.right {
        display: none;
    }

    #top-menu ul.menu ul {
        width: 100%;
    }

    #top-menu ul.menu ul li a {
        color: #fff;
    }

    #registration-form .submit-row .next-step.big {
        font-size: 24px;
    }

    #top-menu ul.menu ul {
        width: 100%;
        background-color: rgba(0,0,0,.8);
        position: relative;
        padding: 0;
        z-index: 0;
    }

    #header .hamburger {
        display: block;
    }

    #header #top-menu li {
        text-align: center;
        width: 100%;
        padding: 8px 0;
    }

    #header .menu > .child:nth-child(4)::after{
        display: none;
    }

    #header #top-menu .menu>.child:nth-child(n+5)>a {
        font-size: 17px;
    }

    #header {
        width: 100%;
        position: absolute;
    }

    #header .main-container {
        justify-content: space-between;
    }

    #header #top-menu .menu {
        flex-wrap: wrap;
    }

    #header #top-menu {
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%;
        background: #fff;
        margin-top: 0;
        margin-left: 0;
        border-bottom: solid 1px rgba(0,0,0,.1);
    }

    #header .buttons {
        display: none;
    }

    .footer__top {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

    .footer__title {
        font-size: 32px;
    }

    .footer__contact-phone {
        font-size: 36px;
        margin-bottom: 5px
    }

    .footer-nav__menu {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer__socials {
        flex-wrap: wrap;
    }

    .footer__registered {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    #footer {
        padding: 60px 15px;
    }

    .footer-nav__menu {
        flex-wrap: wrap;
        row-gap: 12px;
        height: 0;
    }

    .footer-nav__menu.opened {
        height: auto;
        padding-top: 10px;
    }

    .footer-nav__item a {
        font-size: 12px;
        line-height: 17px;
    }

    .footer__socials-box {
        padding: 30px 0;
    }

    .footer__socials-box {
        justify-content: center;
    }

    .footer__socials {
        justify-content: center;
        column-gap: 40px;
    }

    .footer-payment__box {
        justify-content: space-around;
        align-items: flex-start;
    }

    .footer-payment__container {
        flex-direction: column;
        text-align: center;
    }

    .footer-payment__title {
        font-size: 12px;
        line-height: 17px;
    }

    .footer-payment__title--pzzw,
    .footer-payment__title--dotpay {
        max-width: 160px;
    }

    .footer__registered {
        font-size: 12px;
        line-height: 17px;
        text-align: center;
    }

    .footer__system-info p {
        text-align: center;
    }

    .footer__sub-nav {
        display: none;
    }

    .footer__nav {
        border-top: solid 1px #262626;
        padding: 25px 0 25px 0;
    }

    .footer__hamburger-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer__hamburger-title {
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
    }
    .footer__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 680px) {
    .form.reset-pass,
    .form.reset-done{
        width: 90%;
    }

    .form.reset-done{
        margin: 0 auto 130px;
    }

    #page-content {
	    height: auto;
    }

    #login-form {
        width: 90%;
        max-width: 550px;
        min-width: 300px;
    }

    .btn--normal {
        font-size: 18px;
        line-height: 32px;
        padding: 8px 30px 8px 30px;
    }
}

@media screen and (max-width: 480px) {
    .debt-detail__row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 420px) {
    .section__header {
        font-size: 28px;
    }

    .section__header-container {
		margin-bottom: 30px;
	}

    #footer {
        padding: 40px 10px;
    }

    .footer__title {
        font-size: 20px;
        line-height: 30px;
    }

    .social__name {
        display: none;
    }

    .rewards {
        column-gap: 25px;
    }

    .reward {
        background: url("/static/images/site/sprites/logo-mobile.png") no-repeat;
    }

    .reward--fair-kielce {
        width: 47px;
        height: 25px;
        background-position: 0 -40px;
    }

    .reward--gf-bank {
        width: 68px;
        height: 15px;
        background-position: -58px -40px;
    }

    .reward--gf-corpo {
        width: 100px;
        height: 19px;
        background-position: -135px -40px;
    }

    .reward--ekomers {
        width: 57px;
        height: 25px;
        background-position: -244px -40px;
    }

    .reward--paper-fin {
        width: 68px;
        height: 21px;
        background-position: -312px -40px;
    }

    .reward--order-fin {
        width: 39px;
        height: 54px;
        background-position: 0 -77px;
    }

    .reward--order-fin2 {
        width: 39px;
        height: 54px;
        background-position: -50px -77px;
    }

    .reward--order-fin3 {
		width: 38px;
		height: 54px;
		background-position: -205px -77px;
	}

    .reward--paper-cert {
        width: 52px;
        height: 45px;
        background-position: -97px -77px;
    }

    .reward--best-product {
        width: 38px;
        height: 45px;
        background-position: -160px -77px;
    }

	.footer__contact-phone {
        font-size: 32px;
        margin: 0;
    }
}