@media screen and (max-width: 1260px), print {
    html {
        font-size: 52%;
    }
    .container {
        width: 980px;
        min-width: 980px;
    }
    .page-wrapper, .footer {
        min-width: 1000px;
    }

    .half {
        width: 490px;
        min-width: 490px;
        left: -490px;
    }

    .footer .copyright {
        right: 2rem;
    }

    .button {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 16px 6px;
    }

    .top-slider .prev-arrow {
        right: calc((100% / 3) * 2 + 45px) !important;
        left: inherit !important;
        bottom: calc(31.5rem - 48px);
        top: inherit;
    }

    .top-slider .next-arrow {
        right: calc((100% / 3) * 2 - 1px) !important;
        bottom: calc(31.5rem - 48px);
        top: inherit;
    }

    .footer .menu.right {
        margin-left: 8.5rem;
    }
    .footer .menu.left {
        margin-right: 8.5rem
    }
}

@media screen and (min-width: 1260px) and (max-width: 1380px), print {
    .container {
        width: 1200px;
        min-width: 1200px;
    }
    .footer .copyright {
        right: 2rem;
    }
}