@media (max-width: 767px)
{
    .page_prims .footnote .cont .row p{
        flex-direction: column;
        font-size: 16px;
    }
    .page_prims .footnote .cont .row p img{
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    body{
        margin-top: 69px;
    }
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --sidebar_width: 434px;
        --font_size: 14px;
        --font_size_title: 26px;
    }



    /*------------
        Header
    ------------*/
    header .info
    {
        padding: 15px 0;
    }


    header .contacts > * + *
    {
        display: none;
    }



    /*-------------
        Sidebar
    -------------*/
    aside .cats .list > * + *
    {
        margin-top: 0;
    }



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        margin-bottom: 30px;
        padding-top: 30px;
    }


    .page_title
    {
        line-height: calc(var(--font_size_title) + 4px);
        font-size: 25px;
    }

    .main_slider .slide .bg{
        padding:20px;
    }
    .main_slider .slide .bg .h1{
        max-width: 320px;
    }
    .main_slider .slide .bg .h1 span{
        font-size: 34px;
        padding: 10px;
    }

    /*----------------
        Block head
    ----------------*/



    /*------------------
        Form elements
    ------------------*/



    /*----------------
        Typography
    ----------------*/
    .text_block .big
    {
        font-size: 18px;
        line-height: 24px;
    }


    .text_block h2
    {
        font-size: 20px;
        line-height: 24px;
    }

    .text_block h3
    {
        font-size: 19px;
        line-height: 23px;
    }

    .text_block h4
    {
        font-size: 18px;
        line-height: 22px;
    }

    .text_block h2 br,
    .text_block h3 br,
    .text_block h4 br
    {
        display: none;
    }


    .text_block ol li
    {
        min-height: 44px;
        padding-left: 64px;

        padding-left: 38px;
    }

    .text_block ol li:before
    {
        font-size: 24px;
        line-height: 44px;

        width: 44px;
        height: 44px;

        font-size: 16px;
        line-height: 29px;
        width: 30px;
        height: 30px;
    }

    .text_block ol li + li
    {
        margin-top: 20px;
    }

    .text_block img{
        height: 100%;
    }
    .text_block iframe{
        max-width: 100%;
        height: 100%;
    }


    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        top: auto;
        bottom: 0;

        width: 100%;
        height: auto;
    }


    .main_slider .slide .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .main_slider .slide .desc
    {
        font-size: 14px;

        margin-top: 5px;
    }


    .main_slider .owl-carousel .owl-nav button
    {
        top: 0;
    }

    .main_slider .owl-dots
    {
        top: auto;
        bottom: 10px;

        width: 100%;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .news
    {
        width: 100%;
    }

    .first_section .news .item
    {
        min-height: 0;
    }



    /*-----------
        About
    -----------*/
    .about .text_block
    {
        width: 100%;
    }

    .about .text_block img
    {
        max-width: 60%;
    }



    /*--------------
        Products
    --------------*/
    .products .row
    {
        --products_count: 1;
    }

    .products .row > *
    {
        width: calc(100% - 10px);
    }



    /*-------------------------
        Products advantages
    -------------------------*/
    .products_advantages .row > *
    {
        width: calc(100% - 10px);
    }



    /*---------
        Opt
    ---------*/
    .opt .pluses > *
    {
        font-size: 18px;
        line-height: 24px;
    }

    .opt .pluses .icon
    {
        width: 42px;
        height: 42px;
    }

    .opt .pluses .icon + *
    {
        width: calc(100% - 64px);
    }


    .opt form
    {
        padding: 50px;
    }

    .opt form .title
    {
        font-size: 22px;
        line-height: 26px;
    }



    /*----------------------
        Special projects
    ----------------------*/
    .special_projects .grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .special_projects .grid > *.big
    {
        grid-column: 1 / 3;
    }


    .special_projects .item .name
    {
        font-size: 20px;
    }



    /*-----------
        Certs
    -----------*/
    .certs .row > *
    {
        width: calc(50% - 10px);
    }



    /*-----------------
        Video block
    -----------------*/
    .video_block
    {
        padding: 50px 0;
    }




    /*---------------------
        Russina network
    ---------------------*/
    .russina_network
    {
        padding: 50px 0;
        padding-top: 20px;
    }

    .russina_network .info .text
    {
        font-size: 17px;
        line-height: 25px;
    }


    .russina_network .info .stats > *
    {
        width: 100%;
    }

    .russina_network .info .stats > * + *
    {
        margin-top: 15px;
    }

    .russina_network .info .stats .val
    {
        font-size: 75px;
        line-height: 75px;

        width: 100px;
    }

    .russina_network .info .stats .name
    {
        width: calc(100% - 125px);
    }


    .russina_network .map
    {
        height: auto;
    }

    .russina_network .map .title
    {
        font-size: 20px;

        position: relative;

        display: inline-block;

        margin-bottom: 20px;

        list-style: 26px;

        vertical-align: top;
    }

    .russina_network .map .get_distributor_link
    {
        font-size: 15px;

        position: relative;

        display: inline-block;

        margin-top: 5px;
        padding: 13px 20px;

        vertical-align: top;
    }



    /*----------------------
        Wholesalers head
    ----------------------*/
    .wholesalers_head
    {
        margin-bottom: 50px;
        padding-top: 50px;
    }


    .wholesalers_head .info .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .wholesalers_head .info .desc
    {
        font-size: 18px;
        line-height: 24px;

        width: 320px;
    }


    .wholesalers_head .info .pluses > *
    {
        font-size: 16px;
        line-height: 22px;
    }


    .wholesalers_head .info .pluses .icon
    {
        width: 42px;
        height: 42px;
    }

    .wholesalers_head .info .pluses .icon + *
    {
        width: calc(100% - 64px);
    }


    .wholesalers_head form
    {
        padding: 50px;
    }

    .wholesalers_head form .title
    {
        font-size: 22px;
        line-height: 26px;
    }



    /*-------------------------
        Wholesalers reasons
    -------------------------*/
    .wholesalers_reasons
    {
        margin-bottom: 60px;
    }


    .wholesalers_reasons .item
    {
        font-size: 15px;
        line-height: 21px;

        width: calc(100% - 9px);
    }

    .wholesalers_reasons .item .name
    {
        font-size: 20px;
        line-height: 22px;
    }



    /*-----------------
        Latets devs
    -----------------*/
    .latets_devs
    {
        margin-bottom: 70px;
    }

    .latets_devs .block_head
    {
        margin-bottom: 30px;
    }


    .latets_devs .pluses
    {
        margin-bottom: -30px;
    }

    .latets_devs .pluses .item
    {
        font-size: 16px;
        line-height: 20px;

        width: calc(50% - 10px);
        margin-bottom: 30px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio
    {
        margin-bottom: 60px;
    }


    .portfolio .tabs
    {
        margin-bottom: 15px;
        margin-left: -10px;
    }

    .portfolio .tabs button
    {
        font-size: 16px;

        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-bottom: 10px;
        margin-left: 10px;
    }


    .portfolio .gallery
    {
        width: calc(100% + 15px);
        margin-bottom: -15px;
        margin-left: -15px;
    }

    .portfolio .gallery > *
    {
        width: calc(33.333% - 15px);
        margin-bottom: 15px;
        margin-left: 15px;
    }


    .portfolio .info .sub_title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .portfolio .info .items
    {
        font-size: 17px;
        line-height: 21px;

        margin-top: 20px;
    }

    .portfolio .info .items > *:before
    {
        top: 3px;
    }



    /*---------------------
        Quality control
    ---------------------*/
    .quality_control
    {
        margin-bottom: 60px;
    }

    .quality_control .title
    {
        font-size: 32px;
        line-height: 32px;
    }

    .quality_control .desc
    {
        font-size: 18px;
        line-height: 26px;

        min-height: 0;
        margin-bottom: 30px;
        padding: 30px 20px 30px 0;
    }

    .quality_control .desc .bg
    {
        display: none;
    }

    .quality_control .task
    {
        font-size: 18px;
        line-height: 24px;
    }


    .quality_control .pluses
    {
        margin-bottom: -30px;
    }

    .quality_control .pluses .item
    {
        font-size: 16px;
        line-height: 20px;

        width: calc(50% - 10px);
        margin-bottom: 30px;
    }

    .quality_control .pluses .icon
    {
        height: 50px;
        margin-bottom: 15px;
    }



    /*-------------------------
        Choice difficulties
    -------------------------*/
    .choice_difficulties
    {
        margin-bottom: 60px;
        padding: 50px 0;
    }


    .choice_difficulties .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .choice_difficulties .sub_title
    {
        font-size: 18px;
    }


    .choice_difficulties .pluses
    {
        margin-bottom: -30px;
        margin-left: 0;
    }

    .choice_difficulties .pluses .item
    {
        font-size: 16px;
        line-height: 20px;

        width: calc(50% - 10px);
        margin-bottom: 30px;
        margin-left: 0;
    }


    .choice_difficulties .btn
    {
        font-size: 17px;
        line-height: 23px;

        margin-top: 35px;
    }



    /*--------------------
        Delivery block
    --------------------*/
    .delivery_block .info .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .delivery_block .info .desc
    {
        font-size: 17px;
    }

    .delivery_block .info .pluses .item
    {
        font-size: 17px;
        line-height: 21px;

        border-width: 10px;
    }


    .delivery_block form
    {
        padding: 50px;
    }

    .delivery_block form .title
    {
        font-size: 24px;
        line-height: 28px;

        margin-bottom: 20px;
    }



    /*----------------
        Experience
    ----------------*/
    .experience .info .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .experience .info .garanti
    {
        font-size: 16px;
        line-height: 22px;
    }


    .experience .video_col iframe
    {
        height: 263px;
    }

    .experience .video_col .video_link img
    {
        width: 380px;
    }



    /*-----------------
        Сustom size
    -----------------*/
    .custom_size .bg
    {
        background-position: 0;
    }


    .custom_size .info
    {
        width: 100%;
    }

    .custom_size .info .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .custom_size .info .btn
    {
        font-size: 16px;
        line-height: 20px;
    }



    /*---------------
        Warehouse
    ---------------*/
    .warehouse .cont > * + *
    {
        margin-top: 50px;
    }



    /*-------------
        Gallery
    -------------*/
    .gallery .row > *
    {
        width: calc(50% - 10px);
    }



    /*---------------
        Equipment
    ---------------*/
    .equipment .message
    {
        font-size: 16px;
        line-height: 22px;

        margin-top: 50px;
        padding-right: 20px;
    }

    .equipment .message .thumb
    {
        margin: 0 0 20px;
    }

    .equipment .message .thumb + *
    {
        width: 100%;
    }



    .equipment .information
    {
        margin-top: 50px;
    }

    .equipment .information .text_block .big
    {
        font-size: 18px;
        line-height: 24px;
    }



    /*-------------
        Garanti
    -------------*/
    .garanti .example .caption
    {
        font-size: 18px;
        line-height: 22px;

        padding: 20px 0;

        background: #009ddf;
    }


    .garanti .information
    {
        padding-top: 50px;
    }

    .garanti .information > * + *
    {
        margin-top: 50px;
    }


    .quality_laboratory .item .icon
    {
        width: 50px;
    }

    .quality_laboratory .item .icon img
    {
        max-height: 50px;
    }

    .quality_laboratory .item .icon + *
    {
        width: calc(100% - 75px);
    }

    .quality_laboratory .item .name
    {
        font-size: 20px;
        line-height: 24px;
    }



    /*-------------
        History
    -------------*/
    .history .head
    {
        padding: 50px 0;
    }

    .history .head .info
    {
        width: 100%;
    }


    .history .timeline .item
    {
        font-size: 16px;
    }

    .history .timeline .item .icon
    {
        width: 72px;
    }

    .history .timeline .item .icon + *
    {
        width: calc(100% - 92px);
    }

    .history .timeline .list > * + *
    {
        margin-top: 25px;
    }



    .history .information .item,
    .history .mission .data
    {
        padding: 25px;
    }

    .history .information .item .title
    {
        font-size: 20px;
        line-height: 24px;
    }



    .history .mission .thumb
    {
        width: 357px;
    }



    /*--------------
        Articles
    --------------*/
    .articles .head > * + *
    {
        margin-top: 15px;
    }

    .articles .head .sort
    {
        font-size: 15px;

        width: 100%;
    }

    .articles .head .search
    {
        width: 100%;
    }


    .articles .row
    {
        --articles_count: 1;
    }

    .articles .row > *
    {
        width: calc(100% - 11px);
    }



    /*---------------
        Blog page
    ---------------*/
    .blog_page .articles .row
    {
        --articles_count: 1;
    }

    .blog_page .articles .row > *
    {
        width: calc(100% - 11px);
    }



    /*------------------
        Article info
    ------------------*/
    .article_info .head .cont
    {
        min-height: 0;
    }

    .article_info .head .article_title
    {
        font-size: 22px;
        line-height: 24px;

        width: 320px;
    }



    /*-----------------
        Main office
    -----------------*/
    .main_office
    {
        padding-top: 40px;
    }


    .main_office .info .location,
    .main_office .info .phone,
    .main_office .info .email
    {
        font-size: 16px;
        line-height: 20px;
    }

    .main_office .info .phone,
    .main_office .info .email
    {
        margin-top: 20px;
    }


    .main_office .info .feedback
    {
        margin-top: 30px;
    }

    .main_office .info .feedback .title
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 15px;
    }


    .main_office .map_wrap
    {
        min-height: 400px;
    }



    /*---------------------
        Branches cities
    ---------------------*/
    .branches_cities .block_title
    {
        font-size: 21px;

        margin-bottom: 25px;
    }


    .branches_cities .row > *
    {
        width: calc(50% - 9px);
        width: 100% !important;
    }
    .branches_cities .city .info{
        display: block;
    }
    .branches_cities .city .info .location{
        width: unset;
    }
    
    .branches_cities .city .name
    {
        font-size: 17px;
        line-height: 23px;
    }
    

    /*------------------
        Distributors
    ------------------*/
    .distributors
    {
        padding-top: 0;
    }

    .distributors .block_title
    {
        font-size: 21px;

        margin-bottom: 25px;
    }


    .distributors .tabs
    {
        margin-bottom: 10px;
        margin-left: -10px;

        justify-content: center;
    }

    .distributors .tabs button
    {
        font-size: 17px;
        line-height: 21px;

        margin-bottom: 10px;
        margin-left: 10px;
    }


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



    /*------------------
        Product info
    ------------------*/
    .product_info
    {
        margin-bottom: 50px;
    }

    .product_info .block_title h1
    {
        font-size: 22px;
        line-height: 28px;
    }


    .product_info .info .links
    {
        max-width: calc(100% + 15px);
        margin-top: 25px;
        margin-left: -15px;
    }

    .product_info .info .links > *
    {
        width: calc(50% - 15px);
        margin-left: 15px;
    }

    .product_info .info .links a,
    .product_info .info .links button
    {
        font-size: 16px;
        line-height: 20px;

        padding: 12px 15px;
    }


    .product_info .advantages .row > *
    {
        font-size: 15px;
        line-height: 21px;

        width: calc(100% - 30px);
    }



    /*-------------------------
        Product information
    -------------------------*/
    .product_information
    {
        margin-bottom: 50px;
    }


    .product_information .data
    {
        padding: 0;
    }

    .product_information .thumb
    {
        position: relative;

        margin-bottom: 20px;
    }


    .product_information .notice
    {
        font-size: 17px;
        line-height: 21px;

        margin: 40px auto 0;
        padding: 20px;

        background: #009ddf;
    }



    /*----------------------
        Product features
    ----------------------*/
    .product_features
    {
        margin-bottom: 50px;
    }


    .product_features .tabs
    {
        margin-bottom: 25px;
    }

    .product_features .tabs button
    {
        font-size: 20px;
        line-height: 26px;

        width: 100%;
    }

    .product_features .tabs button + button
    {
        margin-top: 15px;
        margin-left: 0;
    }


    .product_features .item
    {
        padding: 20px;
    }

    .product_features table td
    {
        font-size: 15px;
        line-height: 19px;

        padding: 10px 12px 10px 0;
    }

    .product_features table td + td
    {
        padding-left: 12px;
    }


    .product_features .text_data
    {
        margin-top: 25px;
        padding: 20px;
    }



    /*-------------------
        Product types
    -------------------*/
    .product_types
    {
        margin-bottom: 50px;
    }

    .product_types .block_title
    {
        font-size: 22px;
        line-height: 28px;
    }


    .product_types .row
    {
        --types_count: 1;
    }

    .product_types .row > *,
    .product_types .row > *.big
    {
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
    }



    /*--------------------
        Product colors
    --------------------*/
    .product_colors .row > *
    {
        width: calc(33.333% - 20px);
    }



    /*-------------------------
        Product application
    -------------------------*/
    .product_application
    {
        margin-bottom: 60px;
    }

    .product_application .block_title
    {
        font-size: 22px;
        line-height: 28px;
    }


    .product_application .row > *
    {
        width: calc(50% - 10px);
    }

    .product_application .item .name
    {
        font-size: 19px;
        line-height: 23px;
    }

    .product_application .item .btn
    {
        font-size: 16px;
        line-height: 38px;

        margin-top: 15px;
        padding: 0 20px;
    }



    /*----------------------
        Production video
    ----------------------*/
    .production_video_block
    {
        margin-bottom: 40px;
    }

    .production_video_block .info
    {
        padding: 20px;
    }

    .production_video_block .info .title
    {
        font-size: 20px;
        line-height: 26px;
    }



    /*------------
        Footer
    ------------*/
    footer .links
    {
        width: calc(50% - 10px);
    }



    footer .contacts
    {
        display: block;

        width: calc(50% - 10px);
    }

    footer .contacts > * + *
    {
        margin-left: 0;
    }

    footer .socials
    {
        margin-top: 20px;
    }
    footer .companies{
        margin: 0 auto;
    }
    footer .creator{
        display: none;
    }
    footer .creator_mob{
        display: block;
        order: 4;
        margin: 0 auto;
        margin-top: 35px;
        margin-bottom: -20px;
    }



    /*-----------
        PopUp
    -----------*/
    .fancybox-slide--html
    {
        padding: 40px 20px;
    }

    .fancybox-slide--html .fancybox-close-small
    {
        width: 40px;
        height: 40px;
        padding: 8px;
    }



    #branches_city_midal .row
    {
        height: auto;
    }

    #branches_city_midal .list
    {
        width: 100%;
        height: 320px;
    }

    #branches_city_midal .map_wrap
    {
        width: 100%;
        height: 320px;
    }



    #callback_modal,
    #individual_modal,
    #zakaz_modal,
    #popupcitypop, #callback_modal_spk4, #callback_modal_spk6
    {
        padding: 45px 35px 55px;
    }

    #callback_modal .title,
    #individual_modal .title,
    #zakaz_modal .title,
    #popupcitypop .title, #callback_modal_spk4 .title, #callback_modal_spk6 .title
    {
        font-size: 25px;
        line-height: 29px;

        margin-bottom: 25px;
    }
    /*------------
        Способы применения
    ------------*/
    .page_prims {
        padding-top: 35px;
    }
   /* .footnote{
        display: none;
    }*/
    .main_info {
        margin-bottom: 30px;
    }
    .all_recomended .row{
        flex-wrap: wrap;
    }
    .all_recomended img {
        max-width: 100%;
        margin: 0;
    }
    .our_rec {
        margin: 40px 0;
    }
    .our_rec .title {
        font-size: 18px;
    }
    .our_rec .item img {
        margin-bottom: 10px;
        width: 100px;
    }
    .our_rec .item{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .page_prims .main_info .image {
        max-width: 100%;
    }
    .page_prims .main_info .image img {
        margin: 0 auto;
        height: auto;
    }
    .page_prims .title {
        line-height: 30px;
    }
}