@media (max-width: 479px) {

    /*---------------
        Main styles
    ---------------*/
    :root {
        --font_size: 14px;
        --font_size_title: 24px;
    }


    .block {
        margin-bottom: 60px;
    }


    .block_head {
        margin-bottom: 25px;
    }

    .block_head .title {
        line-height: 26px;
    }


    .pagination {
        margin-top: 30px;
    }


    .form .input {
        height: 44px;
    }

    .form input[type=checkbox] + label {
        font-size: 14px;
    }

    .form .columns > *.width1of4 {
        width: calc(100% - var(--form_columns_offset));
    }

    .form input[type=file] + label .path {
        width: calc(100% - 135px);
    }

    .form input[type=file] + label .btn {
        width: 125px;
    }

    .form .submit_btn {
        width: 100%;
    }


    .buttonUp {
        right: 10px;
        bottom: 10px;
    }


    /*---------------
        Header
    ---------------*/
    .mob_header .logo,
    .mob_header .logo a {
        font-size: 4vw;
        line-height: 4vw;
    }

    .mob_header .logo .name {
        font-size: 8vw;
        line-height: 8vw;
    }

    .mob_header .logo .desc {
        margin-top: 3px;
    }

    .mob_header .logo img {
        max-width: 160px;
    }


    .mob_header .contacts a + a,
    .mob_header .socials,
    .mob_header .socials a + a {
        margin-left: 13px;
    }

    .mob_header .contacts a,
    .mob_header .socials img {
        width: 33px;
        height: 33px;
    }


    /*---------------
        Sidebar
    ---------------*/
    aside .mob_filter_link {
        width: 160px;
    }


    aside .search {
        display: none;
    }


    aside ~ .content .cart_link {
        top: auto;
        bottom: calc(100% + 20px);
    }


    aside .block .title {
        padding: 15px 20px;
    }


    /*---------------
        Main section
    ---------------*/
    .gallery .flex > * {
        width: calc(100% - 20px);
    }

    .gallery .item {
        padding-bottom: calc(100% - 20px);
    }

    .gallery .item .info {
        padding: 18px 25px;
    }

    .gallery .item .desc {
        display: block;
    }


    .article_info .cont {
        padding: 25px 20px;
    }

    .article_info .head .thumb {
        width: 85px;
        height: 85px;

        border-radius: 1px;
    }

    .article_info .head .info {
        width: calc(100% - 100px);
    }

    .article_info .head .info .title {
        font-size: 20px;
        line-height: 22px;
    }

    .article_info .head .info .date {
        font-size: 14px;
        line-height: 18px;
    }


    .article_info .text_block {
        font-size: 14px;
        line-height: 22px;
    }


    .comments .share {
        font-size: 15px;
        line-height: 19px;
    }


    .cart_info .product .name {
        font-size: 14px;
        line-height: 20px;
    }

    .cart_info .product .video_link {
        font-size: 13px;
    }

    .cart_info .product .amount {
        width: auto;
        margin-right: 10px;
        margin-left: 0;
        padding-left: 0;

        text-align: center;
    }


    .cart_info .cart_total {
        text-align: center;

        justify-content: flex-end;
    }

    .cart_info .cart_total .checkout_link {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    .checkout_info .form .submit {
        margin-top: 0;
    }

    .checkout_info .block_head {
        padding-right: 140px;
    }

    .checkout_info .form .line {
        margin-bottom: 20px;
    }


    .checkout_info .form .submit_btn,
    .checkout_info .form .pay_later {
        width: 100%;
    }

    .checkout_info .form .pay_later {
        margin-top: 15px;
    }


    .product_info .image {
        width: calc(100%);
        padding-bottom: calc(100%);

        border-radius: 3px;
    }

    .product_info .buy .price .val {
        font-size: 20px;
        line-height: 26px;

        margin-top: 4px;
        margin-right: 20px;
    }


    .product_info .product_name {
        font-size: 22px;
        line-height: 26px;
    }

    .product_info .box .cat {

    }

    .product_info .head .cat {

    }

    .product_info .cat {
        font-size: 15px;
        line-height: 19px;

        margin-top: 5px;
    }

    .product_info .buy .buy_link,
    .product_info .buy .order_link {
        font-size: 14px;

        width: 132px;
    }

    .product_info .buy .buy_link {
    }

    .product_info .desc,
    .product_info .description {
        font-size: 14px;
        line-height: 22px;

        margin-top: 20px;
    }

    .checkout_success .icon {
        width: 70px;
        height: 70px;
    }


    .checkout_success .icon img {
        width: 105px;
    }

    .checkout_success .title {
        font-size: 22px;
        line-height: 28px;
    }

    .checkout_success .desc {
        font-size: 18px;
        line-height: 24px;
    }

    .checkout_success .link {
        font-size: 13px;
        line-height: 45px;

        width: 250px;
        height: 45px;
    }


    .content .products .flex > * {
        width: calc(100% - 20px);
        padding-bottom: 15px;
    }


    .first_section .info .title {
        font-size: 25px;
        line-height: 29px;

        padding-right: 0;
    }


    .main_slider .slide .title {
        line-height: 26px;
    }

    .main_slider .slide .desc {
        line-height: 22px;
    }


    .main_slider2 .slide {
        overflow: hidden;
    }

    .main_slider2 .info .title {
        font-size: 26px;
        line-height: 30px;
    }

    .main_slider2 .img {
        width: 303px;
        height: 350px;
        margin: 20px auto;
    }


    .main_slider3 .img {

    }

    .main_slider3 .img:before {
        top: -20px;
        left: -20px;
    }

    .main_slider3 .owl-dots {
        /* left: 180px;*/
    }


    .advantages .flex {
        margin-bottom: -20px;
    }

    .advantages .flex > * {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        margin-bottom: 20px;
    }

    .how_we_work .info {
        padding-right: 0;
    }

    .how_we_work .info .item {
        line-height: 18px;
    }

    .how_we_work .info .item .name {
        font-size: 18px;
        line-height: 20px;
    }

    .reviews .review .author {
        text-align: center;
    }

    .reviews .review .name {
        margin-bottom: 0;
    }


    .articles .article .info {
    }

    .articles {
        padding-bottom: 40px;
    }


    .big_boss_quote .info .block_head:before {
        width: 130px;
        height: 91px;
    }

    .big_boss_quote .info .name,
    .big_boss_quote .info .post {
        font-size: 18px;
        line-height: 20px;
    }

    .big_boss_quote .info .text_block {
        line-height: 20px;
    }


    .prices .flex > * {
        width: calc(100% - 20px);
    }


    .documents .flex > * {
        width: calc(50% - 20px);
    }


    .faq .item .title {
        font-size: 18px;
        line-height: 22px;

        padding: 15px 60px 15px 20px;
    }

    .faq .item .title:after {
        right: 25px;
    }

    .faq .item .data {
        line-height: 20px;

        padding: 0 20px 20px;
    }


    .order_block .form .socials {
        width: 100%;
        padding: 10px 15px;

        justify-content: center;
    }

    .order_block .form .bottom .submit {
        width: 100%;
        margin-left: 0;
    }


    .contacts_block .info {
        font-size: 18px;
        line-height: 24px;
    }

    .contacts_block .info > * + * {
        margin-top: 25px;
    }

    .contacts_block .info .val:before {
        top: 7px;
    }

    .contacts_block .info .val {
        font-size: 18px;
        line-height: 24px;
    }


    .contacts_block .map {
        width: 320px;
        height: 260px;
    }


    .stocks .stock .thumb {
        width: 230px;
        height: 230px;
    }

    .stocks .stock .thumb + .info {
        line-height: 20px;

        width: 100%;
        margin-top: 20px;
    }


    .ads_block .item.full .name {
        font-size: 24px;
    }


    .vacancies .item .name {
        font-size: 18px;
        line-height: 22px;
    }

    .vacancies .item .desc {
        line-height: 20px;
    }

    .vacancies .item .desc .title {
        font-size: 16px;
        line-height: 18px;

        margin-bottom: 9px;
    }


    .soc_block .block_head .soc_link {
        font-size: 17px;
        line-height: 21px;

        min-height: 30px;
        margin-top: 25px;
    }

    .soc_block .widget {
        margin: 0 auto;
        width: 100%;
    }


    .stock_finish .timer {
        width: 320px;
        padding: 0;

        border: none;
        border-radius: 0;
    }

    .stock_finish .timer .item {
        font-size: 10px;
        line-height: 14px;
    }

    .stock_finish .timer .item .val {
        font-size: 36px;
        line-height: 50px;
    }

    .stock_finish .timer .item .val > * {
        width: 36px;
        height: 50px;
    }

    .stock_finish .timer .item .val > * + * {
        margin-left: 2px;
    }


    .before_after .handle span {
        width: 44px;
        height: 44px;
        margin-left: -22px;

        background-size: 25px 17px;
    }


    .three_photo .photo {
        padding-right: 0;
    }


    .socials_block .data {
        padding: 20px;
    }

    .socials_block .socials {
        margin-top: 20px;
    }

    .socials_block .socials img {
        width: 30px;
        height: 30px;
    }

    .socials_block .socials a {
        margin: 0 5px 10px;
    }


    .quiz_poll .step .title {
        font-size: 21px;
        line-height: 25px;
    }


    .quiz_poll .step .success .icon img {
        width: 110px;
    }

    .quiz_poll .step .success .title {
        font-size: 23px;
        line-height: 25px;
    }

    .quiz_poll .step .success .desc {
        font-size: 19px;
        line-height: 23px;
    }


    .contacts_info .info .item {
        padding-left: 80px;
        min-height: auto;
    }

    .contacts_info .info .icon {
        width: 50px;
        height: 50px;
        padding: 10px;

        border-radius: 1px;
    }

    .contacts_info .info .val a {
        font-size: 11px;
        line-height: 20px;

        letter-spacing: 1px;
    }

    .contacts_info .info .title {
        font-size: 16px;
        line-height: 19px;
    }


    /*---------------
        Footer
    ---------------*/
    footer .links {
        margin: 0 auto 30px;

        column-gap: 20px;
        display: none;
    }

    .news .flex {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .news .flex > * {
        width: calc(100% - 20px);
    }

    .news .article .name {
        font-size: 16px;
        line-height: 20px;
    }

    .big_image .info .title {
        font-size: 25px;
        line-height: 29px;

        padding-right: 0;
    }

    /*.owl-carousel .owl-nav button span{
        visibility: hidden;
    }*/
    .owl-carousel .owl-nav button span {
        font-size: 12px;
    }

    .owl-carousel .owl-nav button svg {
        width: 32px;
        height: 32px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 50%;

        display: flex;

        width: 135px;
        margin-left: -135px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 50%;

        display: flex;

        width: 135px;
        margin-right: -135px;
    }

    .block_head .all_link {
        font-size: 14px;
        line-height: 35px;

        height: 35px;
        padding: 0 25px;

        border-radius: 2px;
    }

    .form .submit_btn {
        font-size: 14px;
        line-height: 40px;

        height: 40px;
        padding: 0 25px;

        border-radius: 2px;
    }

    .quiz_poll .step .links > * {
        font-size: 14px;
        line-height: 35px;

        height: 35px;
        padding: 0 25px;

        border-radius: 2px;
    }

    .quiz_poll .step .links {
        flex-wrap: nowrap;
    }

    .products .product .name {
        font-size: 16px;
        font-weight: 600;
    }

    .products .product .cat {
        font-size: 14px;
    }

    .products .product .price {
        font-size: 20px;
        line-height: 20px;
    }

    .products .link {
        font-size: 14px;
        line-height: 35px;

        height: 35px;
        padding: 0 25px;

        border-radius: 2px;
    }

    .gallery2 .flex {
        margin-top: 20px;
    }

    .cart_info .product .price:before,
    .cart_info .product .amount:before {
        color: #000;
        font-size: 11px;
        font-weight: normal;
        line-height: 13px;

        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 20px;
        padding: 0 16px;

        content: attr(data-column);
        text-align: left;
        white-space: nowrap;
        letter-spacing: 0;
        text-transform: uppercase;

        opacity: .4;
    }

    .cart_total_box {
        flex-direction: column;
    }

    /* thanks ID was changed by class */
    .thanks .icon {
        width: 70px;
        height: 70px;
    }

    /* thanks ID was changed by class */
    .thanks .title {
        font-size: 22px;
        line-height: 28px;
    }

    /* thanks ID was changed by class */
    .thanks .desc {
        font-size: 18px;
        line-height: 24px;
    }

    .main_slider3 .owl-carousel .owl-nav button.owl-next, .main_slider3 .owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        margin: 0;
    }

    .main_slider3 .owl-carousel .owl-nav button.owl-prev {
        margin-left: -34px;
    }

    /*---------------
        PopUp
    ---------------*/
    .three_photo .photo .img2 {
        left: 0px;
    }

    .three_photo .photo .img3 {
        left: 100px;
        top: 300px;
        height: 200px;
        width: 200px;
    }

    .product_info .buy .back_link {
        font-size: 15px;
    }

    .products_category .flex > * {
        width: calc(100%);
    }

    .promocode_form{
        flex-wrap: wrap;
    }
    .promocode_form button{
        margin-top:10px;
        margin-left:0;
        width: 100%;
        height: 45px;
    }
    .char div span:first-child{
        display: block;
        float:none;
    }
    .char div span+span{
        display: inline-block;
         float:none;
         margin-left:0px;
         margin-top:15px;
    }

    a.back_cat{
         margin-top: 0px;
         font-size: 16px;
    }


    .text_block table td {
        padding: 10px;
    }
    .text_block table th {
        padding: 10px;
    }

}