#btn_ico {
  float: left;
  width: 21px;
  height: 21px;
  margin: 25px 2px 0 3px;
  display: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 50%;
  background: #1b3d58;
  border: 4px solid #1b3d58;
  position: relative;
  z-index: 92;
}

#btn_ico span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#btn_ico span:nth-child(1) {
  top: 3px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#btn_ico span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#btn_ico span:nth-child(3) {
  top: 15px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#btn_ico.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
  left: 3px;
}

#btn_ico.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#btn_ico.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 3px;
}

@media all and (max-width: 1800px) {
  .menu_item { font-size: 90%;padding: 0 0.5% 15px 0.5%;width:10%; }
  a.pr_item strong { font-size: 105%; }
}

@media all and (max-width: 1366px) {
  .hp_full_banner_inside { background: none;padding: 80px 0 60px 5%; }
  .menu_item { font-size: 85%; }
  a.pr_item strong { font-size: 100%; }
  
  .nws_reg {
    max-width: 840px;
    min-height: 532px;
  }
}
@media all and (max-width: 1280px) {
  .menu_place .dd { padding: 0 0.25% 0 0.25%;width:10.5%; }
  .menu_item { font-size: 80%; }
  a.pr_item strong { font-size: 95%; }
  
  .nws_reg {
    max-width: 740px;
    min-height: 468px;
  }
  
  .nws_reg_text h2 {
    font-size: 260%;
    line-height: 110%;
  }
}
@media all and (max-width: 1024px) {
  .hp_full_banner_item { width: 90% !important;margin-left: 0% !important; }
  
  .nws_reg {
    min-height: 400px;
    margin: 3%;
    background: url(data/nws_bg.jpg) left bottom no-repeat;
    background-size: cover;
  }
}

@media all and (max-width: 800px) {
  
  .logo_sq { display: none; }
  .pr_top_buy img { float: left;width: 20%;height:auto;margin-right: 0%; }
  .pr_top_buy p { float: right;text-align: left; width: 78%;font-size: 90%; }
  
  .dop_info { width: 70%; }
  
  .menu_place {max-height: 0px;overflow: hidden;transition: all 0.3s;}
  .mobile_menu_open .menu_place {max-height: 600px;box-shadow: 0 0 10px 4px rgba(0,0,0,0.15);}
  .menu_item { font-size: 90%;width: 90%;margin: 5px 5% 5px 5%;height:auto;color: #1a7bc0; }
  .menu_place .dd { background-size: 15px;background-color:white !important; background-position: right 8px; width:90%;color: #1a7bc0; }
  .menu_item a { color: #1a7bc0; }
  .menu_item.active a, .menu_place a:hover, .menu_item:hover a { color: #1b3d58 !important; }
  #btn_ico { display: block; }
  .small_header #btn_ico {
    margin-top: 12px;
  }
  .menu_place a {font-size: 110%;}
  .dp_pl_box {
    float: left;
    width: 100%;
  }
  .menu_place .flag_btn {
    display: block;
    float: left;
    width: 32%;
    margin-left: 1%;
    padding: 5px 0px 5px 0px;
    font-size: 100%;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 0px 0px 5px 5px;
  }
  .pr_var_item { width: 48%;margin: 0px 1% 5px 1% }
  .modal_box {
    width: 90%;
    margin-left: 5%;
  }
  .shop_part {
    width: 100%;
  }
  .left_shop {
    display: none;
  }
  .hide_on_mobile {
    display: none;
  }
  .hide_on_pc {
    display: block;
  }
  
  a.blog_item {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .blog_content {
    float: left;
    width: 100%;
  }
  img.blog_img {
    width: 100%;
  }
  
  .hp_full_banner {
    background: #fff6f9;
  }
  .hp_full_banner_inside {
    width: 100%;
    background: url(/data/hp/vyhody_collavio.png) left top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 250px 0 80px 0;
  }
  .hp_full_banner_item {
    width: 100%;
  }
  .hp_full_banner_item:nth-child(3) {
    margin-left: 0%;
  }
  .hp_full_banner_item:nth-child(5) {
    margin-left: 0%;
  }
  
  .nws_reg {
    min-height: 300px;
    margin: 3%;
    background: url(data/nws_bg.jpg) left bottom no-repeat;
    background-size: cover;
  }
  .nws_reg_text {
    width: 90%;
  }
  .nws_reg_text h2 {
    font-size: 200%;
    line-height: 110%;
  }
}

@media all and (max-width: 600px) { 
  .nws_reg_mail {
    width: 80%;
  }
  .nws_reg_btn {
    width: 50%;
  }
}

@media all and (max-width: 460px) {
  
  .login_win {
    width: 80%;
    padding: 5%;
  }
  .login_win strong {
    font-size: 130%;
  }
  .login_win p {
    font-size: 90%;
  }
  
  .hp_slider_item .home_mobile {display: block;}
  .hp_slider_item .home_full {display: none;}
  .search_place, .top_l, .top_r, .top_line a.fb, .flag_btn {display: none;}
  .top_c { width: 100%; }
  .search_open_mobile {display: block;width: 100%;margin: 0;position: absolute;z-index: 100;top: 52px;}
  .kosik_place {margin: 10px 0.25% 0px 0px;font-size: 100%}
  .small_header .kosik_place {margin: -5px 0.25% 0px 0px;font-size: 100%}
  .top_line {font-size: 80%;height: 22px;padding-top: 1px;}
  .top_r {width: 100%;}
  .top_line a.phone {float: right;margin: 8px 0 8px 0;}
  .nav_line .nav_group:last-child {display: none;}
  .nav_line {width: 100%;font-size: 90%;}
  .nav_parser {top:10px}
  .nav_bar {padding: 5px 0 20px 0;margin-top: 20px;}
  
  .hp_banners, .hp_mobile_banners {
    margin-top: 0px;
  }
  
  img.about_collavio_title {
    margin-left: 1%;
    margin-bottom: 4.5%;
    max-height: 280px;
    max-width: 500px;
    object-fit:cover;
    object-position: center;
  }
  
  .kosik_place_num { width: 20px;height: 20px;padding-top: 1px;right:2px; top:0px; }
  .header img.logo {width: 15%;margin: 25px 0px 5px 1.5%;min-width: 30px;max-width: 30px;}
  .small_header img.logo { margin: 9px 0px 20px 1.5%; }
  .menu_place { width: 100%;position: relative;background: white; z-index: 98;margin:0;padding:0; }
  .mobile_menu_open .menu_place {padding: 12px 0px 10px 0px;}
  .small_header .menu_place { top:55px;margin:0; }
  .menu_place .submenu_place {
    position: static;
    width: 100%;
    box-shadow: none;
    text-align: center;
  }
  .menu_place .submenu_place a:first-child {
    border-top: 1px dashed rgba(0,0,0,0.2);
    margin-top: 10px;
  }
  .menu_place .submenu_place a:last-child {
    border-bottom: 1px dashed rgba(0,0,0,0.2);
  }
  .menu_place .submenu_place a {
    background: rgba(0,0,0,0.02);
  }
  
  .filtry_line {
    margin-bottom: 0;
  }
  .filter_btn {
    display: block;
  }
  
  .search_mobile_btn {
    float: left;
    width: 27px;
    height: 27px;
    margin: 25px 2px 0 2px;
    background: white url(/data/lupa.svg) center center no-repeat;
    background-size: 65%;
    border-radius: 50%;
    border: 1px solid #1b3d58;
    display: block;
  }
  
  .hp_icon {
    width: 46%;
    height: 150px;
    margin: 0px 2% 0px 2%;
  }
  .hp_icon:last-child {
    width: 96%;
    margin: 0px 2% 0px 2%;
  }
  
  .hp_icon:last-child img {
    width: 12.5%;
  }
  
  a.pr_item {width: 100%;margin: 20px 0px 0px 0px;}
  .related_list a.pr_item {width: 100%;margin: 20px 0px 0px 0px;}
  .pagination_text {display: inline-block;width: 100%;text-align: center;}
  .pr_list_sub_item {width: 32%;font-size: 95%;}
  .footer_part, .footer_part:last-child {width: 90%;margin-right: 5%;margin-bottom: 20px;margin-left: 5%;float: left;}
  
  .sort_btn { width: 60%; }
  .active_filter_del { width: 91%;margin:7px 0px 0px 5px;text-align: left; }
  
  .pr_full_gal, .pr_info_part { width: 100%; }
  .pr_full_gal a img { height: 75px; }
  .pr_buy_cena strong { line-height: 0.7;width: 100%;display: inline-block;font-size: 200%;margin-top:10px; }
  .pr_buy_line { width: 60%; }
  .pr_buy_line input { height: 51px;width: 24%; }
  .param_item span { width: 40%; }
  .param_item span:last-child { width: 60%; }
  
  //.kosik_cell_2, .kosik_cell_3, .kosik_cell_4, .kosik_cell_5 { width: 55% !important;text-align: right;padding-top: 10px !important;float: right !important; }
  //.kosik_item_rekap .kosik_cell_2 { display: none; }
  //.kosik_item_rekap .kosik_cell_3, .kosik_item_rekap .kosik_cell_4, .kosik_item_rekap .kosik_cell_5 { padding-top: 0px !important; }
  //.kosik_item .kosik_cell_3 .kosik_item_ok, .kosik_item .kosik_cell_3 .kosik_item_del { text-align: center; }
  //.kosik_head .kosik_cell_2, .kosik_head .kosik_cell_3, .kosik_head .kosik_cell_4, .kosik_head .kosik_cell_5 { display: none; }
  
  .kosik_footer_info { width: 40%; }
  .obj_process_label { display: none; }
  .obj_active_num .obj_process_label { display: block;width: 100%;text-align: center;font-size: 120%;position: absolute;left: 0px;margin-top: 10px; }
  .voucher_code { width: 65%; }
  .voucher_activate { width: 35%; }
  .kosik_cell_1 { width: 33.3%; }
  .kosik_footer .kosik_cell_1 { width: 66%; }
  .kosik_cell_3, .kosik_cell_5 { width: 33.3%; }
  .kosik_cell_2, .kosik_cell_4 { display: none; }
  //.kosik_cell_3, .kosik_cell_4, .kosik_cell_5 { width: 33.3%; }
  .kosik_btns {width: 100%;text-align: right;}
  .kosik_cell_1 img {width: 100%;margin-right: 0;}
  .voucher_cell { width: 100% !important; }
  
  img.dp_ico { width: 3rem;height: 2rem; }
  
  .obj_form_head .kosik_cell_1 {width: 100%;}
  .dp_pl_ceny .kosik_cell_1 {width: 80%;}
  .obj_form_part {width: 90%;margin: 0px 0 0px 5%;}
  .rekap_footer { width: 100%; }
  
  .kosik_cell_rekap {width: 47%;margin-bottom: 10px;margin-right: 0;}
  .rekap_fa {width: 100%;}
  .kosik_cell_rekap:nth-child(2n+2) {float: right;}
  .kosik_cell_5_dp {width: 20%;}
  
  .hp_banners img {
    width: 98%;
  }
  .hp_slider {
    margin-top: 15px;
  }
  .hp_slider img {
    height: auto;
    object-fit:contain;
    object-position:center;
  }
  
  .resp_hide {
    display: none;
  }
  
  #goTopBtn {
    bottom: 15px;
    right: 15px;
    background-size: 45%;
    width: 40px;
    height: 40px;
  }
}