*
{
    margin: 0; padding: 0;
    
}

@media only screen and (max-width: 1170px)
{   
    nav { width: 180px; }
    .container, .slider { width: 82.5%; left: 17.5%; }
    .h3 { font-size: 20pt; }
    h2 { font-size: 30pt; }
    /***header***/
    header { height: 57px; }
    .logout { top: 58px; }
    .head_info_town { width: 230px; }
    .head_info_town h3 { font-size: 10pt; }
    select { width: 150px;}
    .head_info_adres { width: 250px; flex-wrap: wrap; }
    .hc2 { margin-bottom: 5px; }
    header p { font-size: 10.5pt; padding-left: 20px; }
    .hc1:before, .hc2:before, .hc3:before { width: 15px; height: 15px; }

    /***footer***/
    .f_logo { width: 380px; }

    /***MAIN***/
    /***slider***/
    .slider h2 { font-size: 30pt; }
    /***fav_store***/
    .slider1 section { width: 30%; }
    .categories .all_btn { font-size: 10pt; }
    /***service***/
    .s_serv { margin: 10px 0; width: 32%; }
    .s_serv span { width: 50px; }
    .s_serv h3 { font-size: 12pt; }
    /***preim***/
    .preim section { width: 32%; }
    /***quest***/
    .quest { background-position: top 20px left 100px !important; height: 400px; }
    .quest_cont { width: 70%; }

    /***ITEM***/
    .item_block { width: 100%; }
    .slider4 section { padding: 15px; margin: 5px; }

    /***ELEMS***/
    .elem_info { width: 66%; }

    /***NEWS***/
    .news section { height: 230px; }

    /***LK***/
    .text, .text2 { width: 200px; }
    .bl1 { width: 49%; }
    .lk_block h3 { text-align: left; }

    /***CART***/
    .cart_contacts div { width: 49%; }
    .del1 select { width: 200px; }
    .cart_contacts h4 { width: 45%; }
    
    /***STORE***/
    .store_list section { width:30%; margin: 12px; }
    /***MODALS***/
    .modal_wrap .text, .modal_wrap .text2 { width: 300px; }
   
}

@media only screen and (max-width: 1023px)
{ 
    h2 { font-size: 30pt; }
    .container { width: 768px; left: 0; right: 0; margin: 0 auto; }
    .h3 { font-size: 18pt; }
    .c_search .text { width: 300px; }

    /***header***/
     nav { position: fixed; top: 65px; right: 0; left: inherit; height: calc(100vh - 65px); width: 220px; display: none;  }
     .nav_a{height: calc(100% / 7.1);}
     .logo { display: none; }
     .head_logo { display: block; }
     header { height: 64px; }
    .logout { top: 65px; }
     .hc3 { display: none; }
     .head_info_town h3 { display: none; }
     .head_info_town { width: auto; }
     select { margin: 0; }
     .mob_btn{
        width: 28px;
        height: 28px;
        background: url(../img/menu.png)no-repeat center/contain;
        margin-left: 20px;
     }
     h3.empty_h3, .lk_block h3.empty_h3, .cart_block h3.empty_h3 { font-size: 20pt; }
    /***footer***/
    .f_logo { width: 320px; }
    .f_btns { height: 130px; }

    /***MAIN***/
    /***slider***/
    .slider { width: 100%; left: 0; }
    .slider h2 { padding: 0 50px; }
    .sl_btns { right: 50px; width: 350px; }
    .sl_btns .all_btn { width: 150px; font-size: 11pt; padding: 10px 5px; }
    /***fav_stores***/    
    .category_slide { height: 500px; }
    /***service***/
    .s_serv { width: 48%; height: 80px; }
    .s_serv span { height: 60px; }
    /***preim***/
    .preim h5 { font-size: 12pt; }
    /***quest***/
    .quest { background-position: top 20px left -100px !important; height: 400px; }    

    /***ITEM***/
    .item { padding: 80px 0 40px; }
    .item_info h1 { padding-top: 30px; }

    /***ELEMS***/
    aside { width: 250px; }

    /***CART***/
    .cart_contacts h4 { width: 40%; }
    .cart_block h3 { width: 35%; }
    
    /***STORE***/
    .store_list section {  margin: 10px; }

    /***modal***/
    .mess_wrap p, .mess2_wrap p, .mess3_wrap p { padding: 40px 70px; }
}   

@media only screen and (max-width: 767px)
{
    .container { width: 568px; }
    p, .article { font-size: 11pt;  }
    h2 { font-size: 24pt; }
    /***header***/
    .head_info_adres { display: none; }
    /***footer***/
    .for_flogo { display: none;}
    
    /***MAIN***/
    /***slider***/
    .slider h2 { font-size: 20pt; top: 40%; }
    .slider, .slider section { height: 450px; }
    .sl_btns { flex-wrap: wrap; width: 150px; height: 150px; }
    /***fav_stores***/
    .slider1 section { width: 45%; }
    /***service***/
    .s_serv { height: 100px; }
    .s_serv span { height: 80px; }
    /***quest***/
    .quest { background: none !important; }
    .quest_cont { width: 100%; }

    /***STORE***/
    .store { padding: 40px 0; }
    .client_info, .store_items .flex { flex-wrap: wrap; }
    .store_items .flex { margin-bottom: 20px; }
    .categories .all_btn { width: 48%; }
    .store_list section { width: 45%; margin: 12px;}

    .promo { height: 250px; }
    .store_list { overflow-x: auto; padding-bottom: 20px; }
    .store_list table { width: 700px; }
    .store_list tr:not(:first-of-type) td:nth-child(2) { width: 250px; }


    /***ITEM***/
    .item_info { height: 350px; }
    .item_prices { flex-direction: column; align-items: flex-start; }
    .item_info h3 {padding: 7px 0; font-size: 12pt; }
    .item_info h4 { margin-top: 20px; }
    .client_info h3 { font-size: 12pt; }
    .item_info h1 { font-size: 16pt; }
    .store_list h3 { font-size: 11pt; }
    .item_block { align-items: flex-start; }
    .item_img { height: 200px; }

    /***ELEMS***/
    .elems { padding: 80px 0 40px; }
    aside { display: none; float: none; }
    .elem_info { width: 100%; float: none; }

    /***NEWS***/
    .news section span { height: 120px; margin: 0 20px 10px 0; }
    .news section article { float: none; width: 100%; }
    .news section { height: 215px; }

    /***LK***/
    .vkladka { font-size: 13pt; }
    .bl1 { width: 100%; }
    .text, .text2, .del1 select { width: 300px; padding: 8px 15px; }
    .lk_block { padding: 10px 0; }
    table th { font-size: 12pt; }
    td, th { padding: 5px 10px; }
    table td { font-size: 10pt; }

    .lk_block table tr td:first-child{ width: 10px; }
    .lk_block table tr td:nth-child(3){ width: 75px; }
    .lk_block table tr td:nth-child(4){ width: 105px; }
    .lk_block table tr td:nth-child(5){width: 60px;}

    /***CART***/
    .cart_block section { padding: 10px 0; flex-wrap: wrap; }
    .cart_block h3 { width: 60%; }
    .cart_price_block { width: 40%; margin-left: 20px; }
    .cart_contacts div { width: 100%; }
    .cart_result h3 { font-size: 14pt; }
    .cart_result h3 span { font-size: 16pt; }
    .cart_h { width: 100%; }
    .cart_price_block { width: 25%; }

    /***MODALS***/
    .mess_wrap p, .mess2_wrap p, .mess3_wrap p { font-size: 14pt; padding: 30px 50px; }
    h3.empty_h3, .lk_block h3.empty_h3, .cart_block h3.empty_h3 { padding: 0 ; font-size: 16pt; width: 100%; }
    .login_modal, .online_modal { top: 0; margin: 50px auto; -webkit-transform: translate(0,0); transform: translate(0,0); }
}


@media only screen and (max-width: 567px)
{
    h2 { font-size: 18pt; padding-top: 50px; }
    .container { width: 320px; }
    .h3 { font-size: 14pt; }
    .all_btn { font-size: 12pt; }
    /*.text, .text2 { width: 250px; }*/
    /***footer***/
    footer { height: 280px; }
    footer .container { flex-wrap: wrap; justify-content: center; }
    .f_btns { left: 0; right: 0; margin: auto; width: 250px; }
    .f_btns .all_btn{ width: 200px; padding: 15px 20px; }
    .foot_contacts p { text-align: center; }
    footer .foot_contacts { align-items: center; height: 90px; }

    /***header***/
    nav {height: calc(100vh - 121px); top: 121px; width: 100%;}
    header { height: 120px; }    
    .logout { top: 121px; }
    header .container { flex-wrap: wrap; }
    .head_logo { margin: 0 auto; }
    .head_logo img { margin-right: 0; }

    /***MAIN***/
    /***slider***/
    .slider, .slider section { height: 550px;}
    .slider h2 { font-size: 16pt; padding: 0 30px; text-align: center; }
    .sl_btns { left: 0; right: 0; margin: 0 auto; bottom: 100px; width: 240px; }
    .sl_btns .all_btn { width: 200px; padding: 15px 20px; }
    /***fav_stores***/
    .slider1 { width: 90%; }
    .slider1 section { width: 90%; }
    .category_slide { height: 490px; }
    /***service***/
    .s_serv { width: 100%; }
    /***preim***/
    .preim { display: none; }
    /***quest***/
    .quest h3 { font-size: 12pt; padding: 10px 0; }
    .quest { height: 330px; }
    /***main_news***/
    .main_news { height: 430px; }
    .slider3 { width: 90%; }
    .new_h3 { font-size: 14pt; }
    .slider3 section { margin: 20px 10px; height: 200px; }


    /***STORE***/
    .c_search .text { width: 280px; margin-bottom: 20px; }
    .categories .all_btn { width: 80%; }
    .client_info h3 { font-size: 14pt; width: 100%; text-align: center; }
    .categories, .store_items .flex { justify-content: center; }

    .promo { height: 150px; }

    /***ITEM***/
    .item { padding: 140px 0; }
    .item_block { flex-wrap: wrap; }
    .item_img { width: 100%; height: 170px; }
    .item_info { width: 100%; }
    .for_count { flex-wrap: wrap; justify-content: center; }
    .count { width: 100px; }
    .store_list tr:not(:first-of-type) td:nth-child(2) { width: 195px; }

    /***NEWS***/
    .news section span { height: 100px;width: 100%; }
    .news section { height: 450px; }
    .news h5 { color: #eee; }
    .news_btn { left: 0; right: 0; margin: 0 auto; }
    .news p { max-height: 200px; }


    /***CONTACTS***/
    .contact_block { flex-wrap: wrap; }
    .contact_info { width: 100%; text-align: center; }
    .contact_info h3 { text-align: center; }
    .map { width: 100%; }
    .social { margin: 20px auto; }
    .contact_info select { width: 250px; }

    /***LK***/
    .lk, .about, .contacts, .news, .new, .services { padding: 120px 0 40px; }
    .tabs { flex-wrap: wrap; }
    .vkladka { margin: 5px auto; border: none; font-size: 14pt; }
    .bl1 .flex { flex-wrap: wrap; }
    .text, .text2, .del1 select { margin: 10px 0; }
    .for_table { width: 100%; overflow-x: auto; }
    .lk_block { padding: 10px 0; }
    .lk_block h3 { font-size: 11pt; }
    table th { font-size: 11pt; }
    table td { font-size: 10pt; }
    .for_table { padding-bottom: 20px; }
    .for_table{ width: 100%; overflow-x: auto; }
    .for_table table{ min-width: 538px; }

    /***CART***/
    .cart_price_block { width: 20%; margin: 0; }
    .cart_block h3 { font-size: 12pt; }
    .cart_price_block h4 { font-size: 11pt; }
    .cart_price_block h5 { font-size: 10pt; }
    .cart_contacts div { flex-wrap: wrap; }
    .cart_contacts h4 { width: 100%; }
    .cart_result { text-align: center; }
    .cart_result .all_btn { margin: 0 auto; }
    .cart_block .count { width: 80px; }

    /***STORE***/
    .store { padding-top: 120px; }
    table .all_btn { font-size: 10pt; }
    .store_list section { width: 100%; margin: 12px auto;}

    /***MODALS***/
    .login_modal, .online_modal { width: 300px; padding: 30px 15px; }
    .modal_wrap h2 { font-size: 20pt; }
    .modal_wrap .text, .modal_wrap .text2 { width: 250px; }
    .mess_wrap, .mess2_wrap, .mess3_wrap { width: 90%; }
    .mess_wrap p, .mess2_wrap p, .mess3_wrap p { font-size: 12pt; padding: 30px 20px; }
}

@media (max-width: 1600px) and (min-width: 1367px)
{
    nav { width: 240px; }
    .logo img { width: 240px; }
    header { height: 75px; }
}

@media (min-width: 1601px)
{
    nav { width: 288px; }
    .logo img { width: 288px; }
    header { height: 90px; }
}