@media only screen and (max-width: 1420px) {

    .wrapper {
        width: 1300px;
    }

    .header-search {
        width: 290px;
    }

}



@media only screen and (max-width: 1320px) {

    .wrapper {
        width: 1200px;
    }

    .header-search {
        width: 190px;
    }

    .header-search form {
        width: 190px;
    }

}



@media only screen and (max-width: 1220px) {

    .wrapper {
        width: 1100px;
    }

    .header-search {
        width: 30px;
    }

    .header-search form {
        display: none;
    }

    .header-search .search-link {
        display: block !important;
        width: 24px;
        height: 24px;
        background: #663130 url(../img/header-search.png) center center no-repeat;
        padding: 0;
        margin: 3px;
        border-radius: 50%;
        transition: background-color linear 0.2s;
    }

    .pc .header-search .search-link:hover {
        background-color: #333;
    }

    .header-search .search-link span {
        display: none;
    }

}

@media only screen and (max-width: 1120px) {

    .wrapper {
        width: 1000px;
    }

    .header-logo {
        margin: 0;
    }

    .header-links {
        margin: 0 20px 0 0;
    }

    .header-links a {
        margin: 0 0 0 15px;
    }

}



@media only screen and (max-width: 1020px) {

    body {
        /* padding: 60px 0 120px; */
        padding: 60px 0 0;
    }

    main {
        padding: 0 0 120px;
    }

    .wrapper {
        width: 100%;
    }



    .header {
        height: 50px;
        padding: 5px 0;
    }

    .header-logo {
        width: 140px;
        height: 30px;
        margin: 5px 0;
    }

    .header-logo a img {
        display: none;
    }

    .header-logo a img.logo-small {
        display: block !important;
    }

    .header-menu {
        display: block !important;
    }

    .header-menu button.menu-button {
        display: block;
        width: 30px;
        height: 30px;
        background-color: #663130;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        outline: none;
        border: none;
        border-radius: 6px;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
        transition: none;
    }

    .header-menu button.menu-button.disabled {
        background-color: #333;
        background-image: url('../img/loading-30-for-black.gif');
    }

    .header-menu button.menu-button i {
        display: block;
        width: 16px;
        height: 2px;
        background: #f0dcbe;
        position: absolute;
        top: 14px; left: 7px;
        opacity: 1;
        transition: none;
    }

    .header-menu button.menu-button i:before {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        background: #f0dcbe;
        position: absolute;
        top: -6px; left: 0;
    }

    .header-menu button.menu-button i:after {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        background: #f0dcbe;
        position: absolute;
        bottom: -6px; left: 0;
    }

    .header-menu button.menu-button.disabled i {
        opacity: 0;
    }

    .header-links {
        display: none;
    }

    .header-search {
        display: none;
    }

    .header-menu {
        margin: 0 0 0 10px;
        padding: 5px 0;
        float: right;
    }



    .sidebar {
        width: 320px;
        right: -320px;
    }

    .sidebar-title {
        width: 320px;
        height: 50px;
        padding: 10px;
        font-size: 18px;
        line-height: 30px;
    }

    .sidebar-title button {
        top: 10px;
        right: 10px;
    }

    .sidebar-content {
        max-height: calc(100% - 60px);
        margin: 58px 0 0;
    }


    
    .sidebar-content .content-menu .menu-search {
        margin: 0 0 5px;
    }
    
    .sidebar-content .content-menu .menu-search form {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .sidebar-content .content-menu .menu-search form input {
        background: #fff;
        display: block;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0 10px 0 35px;
        border: 1px solid #663130;
        border-radius: 20px;
        outline: none;
        font-family: 'PTSans-Regular';
        font-size: 14px;
        line-height: 30px;
        color: #333;
        transition: background linear 0.2s, border linear 0.2s;
    }

    .sidebar-content .content-menu .menu-search form button {
        display: block;
        width: 24px;
        height: 24px;
        background: #663130 url('../img/header-search.png') center center no-repeat;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 50%;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
        position: absolute;
        top: 3px; left: 3px;
        transition: background-color linear 0.2s;
    }

    .sidebar-content .content-menu .menu-lang {
        margin: 0 0 5px;
    }

    .sidebar-content .content-menu .menu-lang p {
        display: block;
        padding: 0 10px 0 0;
        font-family: 'PTSans-Regular';
        font-size: 16px;
        line-height: 30px;
        color: #333;
        float: left;
    }

    .sidebar-content .content-menu .menu-lang a {
        display: block;
        font-family: 'PTSans-Regular';
        font-size: 16px;
        line-height: 30px;
        color: #333;
        text-align: center;
        text-decoration: none;
        position: relative;
        float: left;
    }

    .sidebar-content .content-menu .menu-lang a.active {
        font-family: 'PTSans-Bold';
        color: #663130;
        pointer-events: none;
        cursor: default;
    }

    .sidebar-content .content-menu .menu-lang .lang-divider {
        width: 1px;
        height: 20px;
        background: #d7ccc8;
        margin: 5px;
        float: left;;
    }

    .sidebar-content .content-menu .menu-cabinet {
        margin: 0 0 10px;
        padding: 5px 0;
        border-top: 1px solid #d7ccc8;
        border-bottom: 1px solid #d7ccc8;
        overflow: hidden;
    }

    .sidebar-content .content-menu .menu-cabinet a {
        display: block;
        font-family: 'PTSans-Bold';
        font-size: 18px;
        line-height: 20px;
        color: #663130;
        text-decoration: none;
        position: relative;
        float: left;
    }

    .sidebar-content .content-menu .menu-list .list-item {
        margin: 0 0 5px;
        overflow: hidden;
    }

    .sidebar-content .content-menu .menu-list .list-item a {
        display: block;
        font-family: 'PTSans-Regular';
        font-size: 18px;
        line-height: 20px;
        color: #333;
        text-decoration: none;
        position: relative;
        float: left;
    }



    .cart-list .list-item .item-info {
        width: 170px;
    }

    .cart-list .list-item .item-info .info-category span {
        display: none;
    }

    .cart-list .list-item .item-ctrl button {
        width: 70px;
        transition: none;
    }

    .cart-list .list-item .item-move button {
        transition: none;
    }

    .cart-list .list-next button {
        transition: none;
    }



    .cart-checkout .checkout-form .form-choice div:nth-of-type(1),
    .cart-checkout .checkout-form .form-choice div:nth-of-type(2) {
        padding: 5px 0;
        font-size: 16px;
        line-height: 18px;
        -webkit-tap-highlight-color: transparent;
    }

    .cart-checkout .checkout-form .form-data .data-item label span {
        display: none;
    }

    .cart-checkout .checkout-form .form-data .data-item label {
        width: 45%;
    }

    .cart-checkout .checkout-form .form-data .data-item .item-phone {
        width: 55%;
    }

    .cart-checkout .checkout-form .form-data .data-item input[type="text"] {
        width: 55%;
    }

    .cart-checkout .checkout-form .form-data .data-box .box-input .input-divider {
        width: 223px;
    }

    .cart-checkout .checkout-form .form-data .data-submit button[type="submit"] {
        transition: none;
    }



    .breadcrumbs {
        margin: 0px 0 10px;
    }



    .page-content {
        width: 100%;
        margin: 0 auto 10px;
    }

    .page-content h1 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 22px;
    }

    .page-content h2 {
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 20px;
    }
    
    .page-content h3 {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 18px;
    }



    .auth .auth-form .form-data .data-submit button[type="submit"] {
        transition: none;
    }



    .cookies {
        padding: 10px 0px;
    }

    .cookies .cookies-text {
        padding: 0;
    }

    .cookies .cookies-text .text-title {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .cookies .cookies-text .text-content {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }

    .cookies .cookies-confirm {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        -webkit-transform: none
    }

}



@media only screen and (max-width: 820px) {

    body {
        /* padding: 60px 0 190px; */
        padding: 60px 0 0;
    }

    main {
        padding: 0 0 220px;
    }

    .footer {
        height: 210px;
    }

    .footer .wrapper {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    .footer .footer-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer .footer-contacts {
        text-align: center;
    }

    .checkout {
        padding: 0 10px 240px;
    }

    .checkout h1 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 22px;
    }

    .checkout .checkout-info {
        padding: 10px;
    }

    .checkout .checkout-info .info-line {
        display: block;
    }

    .checkout .checkout-info .info-line .line-label {
        font-size: 16px;
        line-height: 20px;
        white-space: initial;
    }

    .checkout .checkout-info .info-line .line-space {
        display: none;
    }

    .checkout .checkout-info .info-line .line-value {
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }

    .checkout .checkout-info .info-message {
        margin: 20px 0 0;
        padding: 10px;
    }
    
    .checkout .checkout-info .info-message p {
        font-size: 16px;
        line-height: 20px;
    }
    
    .checkout .checkout-info .info-message a {
        font-size: 16px;
        line-height: 20px;
    }

    .checkout .checkout-list .list-item .item-details .details-title {
        font-size: 16px;
        line-height: 20px;
    }

    .checkout .checkout-list .list-item .item-details .details-price span {
        font-size: 16px;
        line-height: 20px;
    }

    .checkout .checkout-total p {
        font-size: 16px;
        line-height: 20px;
    }

}



@media only screen and (max-width: 520px) {

    .header-lang {
        display: none;
    }

    .header-user a.user-cabinet {
        display: none;
    }

}