@media screen and (max-width: 480px) {
    .page {
        font-size: 12px;
        line-height: 14px;
    }

    .header__container-inner {
        padding-top: 0;
        padding-bottom: 8px;
        margin-left: 0;
    }

    .main-title {
        padding-top: 15px;
        padding-bottom: 11px;
    }

    h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .section-stock .stock-name {
        font-size: 15px;
        line-height: 18px;
    }

    .header__block-phone, .header__block-address {
        display: none;
    }

    .header__container {
        display: block;
        position: relative;
    }

    .block-menu.active {
        width: 100%;
    }

    .block-menu_logo,
    .left-fix-menu,
    .block-menu_phone,
    .block-menu_socials,
    .block-menu_address {
        text-align: center;
    }

    .logo-img img {
        width: 81px;
    }

    .header__block-menu {
        width: 20px;
    }

    .header__block-menu img {
        width: 100%;
    }

    .left-fix-menu {
        margin: 35px 0 40px;
        font-size: 15px;
        line-height: 35px;
    }

    .block-menu_phone a {
        font-size: 15px;
        line-height: 18px;
    }

    .socials a {
        width: 18px;
        height: 18px;
        border-radius: 3px;
        margin-right: 5px;
        /* padding-top: 4px; */
        font-size: 12px;
        line-height: 21px;
    }

    .block-menu_address {
        font-size: 12px;
        line-height: 13px;
    }

    .advantages-description {
        font-size: 12px;
        line-height: 20px;
        text-align: center !important;
        padding: 0 95px;
    }

    .h1-title {
        font-size: 20px;
        line-height: 24px;
    }

    .hidden_block-tab {
        height: 75px;
    }

    #contacts-map {
        display: none;
    }

    .section-contacts_description-1 {
        padding-left: 0;
    }

    .section-contacts_description {
        display: none;
    }

    .section-form-contacts {
        display: block;
    }

    .section-form-contacts .form__contact {
        max-width: 100%;
        width: 100%;
    }

    .form__contact {
        padding: 30px 20px 40px;
        max-width: 100%;
    }

    .contacts-map {
        /*height: 231px;
        height: 100%;
        max-height: 231px;
        max-height: 195px;*/
        max-width: 100%;
        height: 100%;
    }

    .section-contacts.section-first .flex-column-container {
        flex: auto;
    }

    .flex-column-container + .flex-column-container.contacts-map {
        margin-top: 0;
    }

    .contacts-socials {
        margin: 22px 0 11px;
    }

    /*.section-contacts.section-first .contacts-descr {
        flex-basis: 40%;
    }*/

    #contacts-map-bottom {
        display: block;
        flex-basis: auto;

        flex-basis: 20%;
    }

    .header, .hidden_block-tab {
        height: 12vh;
        height: 100%;
        min-height: 50px;
    }

    .header__block.header__block-logo .b-right {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .header__block .logo-img img {
        max-height: 108px;
    }

    .section-images-slider-for-mobile .rubin-dots {
        margin-top: 20px;
    }

    .section-images-slider-for-mobile {
        width: 100%;
        overflow: hidden;
        display: block;
        padding-top: 0;
    }

    .section-images-slider {
        display: none;
    }


    .section-contacts.section-first {
        position: relative;

        display: flex;
        flex-direction: column;
    }
    .flex-column-container {
        flex: 1;
    }

    .section-about_description {
        margin: 0;
    }


    .section-about_images-inner {
        margin-top: 40px;
        height: auto;
    }

    .block-arrow-to-bottom {
        width: 100%;
        min-height: 20px;
        position: relative;
        display: block;
        margin-top: 30px;

        background: url(/bitrix/templates/rubin/images/arrow-to-bottom.png);
        background-repeat: no-repeat;
        background-position-x: center;
        cursor: pointer;

        position: absolute;
        bottom: 15px;
        animation: arrow_animate_bottom 2s infinite ease-in-out;
    }
    .section-about .block-arrow-to-bottom {
        margin-top: 30px;
    }
    .section-form-contacts .block-arrow-to-bottom {
        margin-top: -45px;
    }

    .image-for-mobile img {
        /*max-height: 345px;*/
        width: 100%;
        height: auto;
        max-width: 100%;
        display: block;
        margin: auto;
    }

    .flex-column-container + .flex-column-container {
        margin-top: 20px;
    }

    .main-title.main-phone {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rubin-breadcrumb {
        display: none !important;
    }
    .rubin-dots li {
        width: 6.22px;
        height: 6.22px;
    }

    .form__subscription .form-header {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .form__subscription .field {
        margin: 0 0 14px;
    }
    .form__subscription .button span,
    .form__subscription .form__text{
        font-size: 12px;
        line-height: 13px;
    }

    .form__subscription .field__input, .form__subscription .button_size-full {
        height: 35px;
    }
    .hidden_block-tab-for-main {
        display: block;
    }
    .header.header-for-main,
    .b-gradient-gold.header-top.header-top-for-main {
        /*position: fixed;*/
    }
    .form__subscription {
        padding: 0 20px;
    }
    .form__subscription .form__line-last .field {
        margin: 0 0 13px;
    }

    .header-for-main.active .logo-img {
        display: none;
    }
    .header-for-main.active .logo-img-small,
    .header-for-catalog.active .logo-img-small {
        display: block;
        position: relative;
        height: 96%;
        height: 100%;
    }
    .header-for-main.active .logo-img-small img,
    .header-for-catalog.active .logo-img-small img {
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .header-for-main.active,
    .header-for-catalog.active {
        height: 10vh;
    }

    .image-apple {
        background-size: 40%;
        background-position: right bottom;
        /*background-image: url(/bitrix/templates/rubin/images/zhuk-small.jpg);*/
        background-image: url(/bitrix/templates/rubin/images/korobka-small.png);
    }

    .section-main-slider .section-height-view {
        /*height: 88vh;*/
    }

    .menu-sidebar {
        display: none !important;
    }

    .main-about-description {
        padding: 0 20px;
    }
    .section-main-about .main-about-title.h1-title {
        margin-bottom: 20px;
    }
    .section-main-about .main-about-preview-text {
        margin-bottom: 20px;
        line-height: 13px;
    }
    .section-main-about .image-for-mobile img {
        max-height: 205px;
    }
    .section-main-about .section-height-view_inner {
        padding: 0;
    }
    .section-main-about .main-flex-element {
        flex-basis: auto;
    }
    .section-main-about .main-about-button .button {
        height: 35px;
    }


    .section-about_description.element_x2-flex {
        height: auto;
        margin: 0;
    }

    /*.section-advantages.type-table .section-height-view_inner {
        height: auto;
    }*/

    .section-main-wares .main-flex-element.main-flex-element-2::after {
        background: url(/bitrix/templates/rubin/images/button-vygodno-480.png);
        top: 70px;
        width: 106px;
        height: 33px;
    }
    .section-main-wares .main-flex-element.main-flex-element-1 {
        flex-basis: 42%;
        flex-basis: 25%;
    }
    .section-main-wares .main-flex-element.main-flex-element-2 {
        flex-basis: 47%;
        flex-basis: 50%;
    }
    .section-main-about .main-flex-element.main-flex-element-2 {
        padding: 10px 20px 0;
    }
    .section-main-wares .main-wares-description {
        position: relative;
        padding: 10vh 20px 0;
        right: auto;

        padding: 17px 20px 20px;
        top: 0;
        transform: none;
    }
    .section-main-wares .main-wares-preview-text {
        font-size: 12px;
        line-height: 13px;
    }
    .section-main-wares .button {
        height: 35px;
        padding: 0 45px;
    }
    .section-main-wares .main-wares-title.h1-title {
        margin-bottom: 13px;
    }
    .section-main-wares .main-wares-preview-text {
        margin-bottom: 19px;
    }



    .block-content-images {
        height: auto;
        margin-bottom: 11px;
    }
    .modal-images {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .modal-image {
        width: 100%;
        height: 155px;
    }
    .modal-images {
        min-height: 155px;
    }
    .thumbnails {
        width: 100%;
        float: none;
        height: 82px;
        overflow: hidden;
    }
    .thumbnails-image {
        height: 81px !important;
        margin-bottom: 0;
        display: inline-block;
        padding: 0 10px 0;
        /*padding: 0 20px 0 0;*/
    }
    .content-images {
        padding: 0 10px;
    }

    .fixed-modal .fixed-modal-content {
        margin: 0;
        padding: 30px 20px;
        padding: 30px 10px;
        max-height: 100%;
        height: 100%;
    }
    .block-close {
        top: 13px;
        right: 13px;
    }
    .block-content-title {
        font-size: 15px;
        line-height: 16px;
    }
    .block-content-description-text,
    .block-content-properties {
        font-size: 12px;
        line-height: 18px;
    }
    .block-content-description hr {
        margin: 14px 0;
    }
    .block-content-description-text {
        margin-bottom: 10px;
    }
    .block-content-description {
        padding: 0 10px;
    }
    .block-content-article {
        margin-bottom: 11px;
    }

    .bottom-phone-rubin {
        bottom: 23px;
        right: 18px;
        width: 41.73px;
        height: 41.73px;
    }

    .block-right-form {
        width: 100%;
    }
    .block-right-form_container .form__contact {
        padding: 60px 20px 0;
    }
    .block-right-form_container .form-header-1 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
    }
    .block-right-form_container .form-header-2 {
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        margin-bottom: 15px;
    }
    .form .form__text.form__checkbox {
        margin: 27px 0;
    }
    .form .form__checkbox .box-text {
        font-size: 12px;
        line-height: 13px;
        margin-left: 10px;
    }
    .form .form__checkbox .box::before {
        width: 20px;
        height: 20px;
    }
    .form .form__checkbox span.box {
        width: 20px;
    }
    .form .form__checkbox .l-checkbox:checked + .box::before {
        background-size: 60%;
    }
    .timer-count {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 2px;
    }
    .timer-count, .timer-count-descr {
        text-align: center;
    }
    .block-right-form_buttons {
        height: 55px;
    }
    .form.form__schedule .form__text.form__checkbox {
        margin: 20px 0 20px;
    }
    .block-right-form_container .form.form__schedule.form__contact {
        padding: 47px 20px 0;
    }
    .block__schedule {
        padding: 0;
        text-align: center;
        font-size: 12px;
        line-height: 13px;
    }
    .field__textarea {
        height: 108px;
    }

    .tab-hide-header {
        display: block;
    }

    .section-main-wares .section-height-view,
    .section-main-about .section-height-view {
        height: 100%;
    }
    .section-form-subscription .section-height-view_inner-vertical-element.v-element-1 {
        padding-top: 40px;height: 70vh;

    }
    .section-main-about .main-about-description {
        top: 0;
        transform: none;
        padding: 10px 20px;
    }
    .section-all-content {
        flex-basis: 90%;
        flex-basis: 87%;
    }
    .wares-list .wares-item_title-descr {
        top: 20px;
        width: 78%;
    }
    .slick-slider .rubin-arrow-prev.slick-arrow, .slick-slider .rubin-arrow-next.slick-arrow {
        width: 9px;
        height: 14px;
    }



    .section-form-subscription .section-height-view {
        height: 100%;
    }
    .section-form-subscription .section-height-view.v-vertical .section-height-view_inner-vertical {
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .section-form-subscription .section-height-view_inner-vertical-element.v-element-1 {
        padding-top: 40px;
        height: 70%;
    }
    .section-form-subscription .section-height-view_inner-vertical-element.v-element-2 {
        /* height: 24vh; */
        height: 30%;
    }

    .advantages.advantages-slider {
        padding: 0;
    }
}

@media screen and (max-width: 320px) {
    .advantages-description {
        padding: 0;
    }
    .section-about_description.element_x2-flex {
        font-size: 0.75em;
    }
}