/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #26588C;

  position: fixed;
  z-index: 1900;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #26588C, 0 0 5px #26588C;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  position: fixed;
  z-index: 1900;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and ( max-width: 500px ){
	#top_header .wrapper > nav{width: 100%}
	#top_header .fixed_menu{flex-flow: row wrap;height: initial;justify-content: space-between;align-items: flex-start;}
	#top_header .fixed_menu a{margin: 0;height: inherit;}
	#top_header h1{margin-bottom: 0}
	#top_header{height: inherit;}
	#top_header .wrapper{padding: 10px}
	#top_header .heading .bottom{margin-bottom: 0}
	#top_header .logo{margin-bottom: 25px}
	#bottom_header #counter{height: inherit;width: 100%;padding: 10px 20px}
	#top_header .fixed_menu a i{margin-left: 1px;font-size: 11px;}
	#main #container .col_side #menu ul li:hover > ul{display: flex !important}
	#main #container .col_side #menu ul ul{width: 100%;position: relative;right: 0}
	#main #container .col_side #menu ul li.parent> .submenu{padding-left: 0;display: inline-block;float: right;}
	#main #container .col_side #menu i{display: inline-block;text-align: center;}
	#main #container .col_side #menu ul li > ul.active{display: flex !important;}
	#main #container .col_side #menu ul ul li:hover > ul{display: inherit;}
	#main #container .col_main #items_holder .holder_wrapper.list .item .item_image{margin-left: auto;margin-right: 10px}
	#main #container .col_main #items_holder .holder_wrapper.list .item .item_footer.products, #main #container .col_main #items_holder .holder_wrapper.list .item .item_footer{margin-right: 10px}
	#main #container .col_side #refine_form{width: 100%}
	.tooltip.black{display: none !important}
	form#refine.section_content{padding: 15px 10px;}
	form#refine.section_content .refine_tree{width: 100%}
	form#refine.section_content .tree_list_holder{width: 100% !important}
	#main #container .col_main #items_holder .holder_wrapper.list .item .add_to_cart{margin-right: auto;text-align:center;width: 20%;margin-bottom: .5em}
	body #g_message_holder[pos=rightTop]{right: 0}
	#bottom_header{width: 100%}
	#bottom_header #search{width: 100%;justify-content: space-between;}
	#bottom_header #search button{padding-left: 15px}
	#bottom_header #search input[type=text]{width: 100%}

	#main #container .wrapper, #bottom_header .wrapper, #top_header .wrapper{flex-wrap: wrap;}
	#main #container .col_side{width: 100%;order: 2}
	#main #container .col_main{width: 100%;margin:0;}
	#main #container .col_side #menu{width: 100%;max-width: 100%}
	#main #category{justify-content: space-around;}
	#main #container .col_main #slider #slider_footer #operator a{margin: 0 10px}
	#main #category a i{display: none}
	#main #category a{margin: 0}
	#main #container .col_main #toolbar{padding: 10px;height: inherit;}
	#main #container .col_main #toolbar.product_holder{flex-flow: column wrap;align-items: flex-start;}
	#rating{width: 100%}
	#main #container .col_main #items_holder .item{width: calc( 100% - 20px );margin: 10px auto !important}
	#main #container .col_main #items_holder .item .item_image{width: 100%;height: 200px;margin: 0 auto}
	#main #container .col_main #items_holder .item .item_image.empty_image{height: inherit;}
	#main #container .col_main #items_holder .item .item_title.empty_image{padding-top: 0}
	#main #container .col_main #items_holder .item .item_image img{height: 100%;object-fit: contain;}
	#main #container .col_main #slider #slider_header .item{width: 98%}
	#main #container .col_main #slider #slider_header .block_1{width: 100%}
	#main #container .col_main #slider #slider_header .block_2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 5px}
	#main #container .col_main #slider #slider_header .item img{width: 100%;height: 100%;object-fit: contain;}
	
	.section_label{padding-right: 10px}
	#footer .col_main{padding: 15px 10px}
	#footer .col_main #link_holder{width: 100%}
	#footer .wrapper{flex-flow: column wrap;}
	#footer .col_main{width: 100%}
	#footer .col_side{width: 100%}
	#footer .col_main #link_holder .footer_link_slider li .col1{width: 100%;margin-left: 0}
	#footer .col_main #link_holder .footer_link_slider li .col1 img{width: 100%;height: 100%;object-fit: contain;}
	
	form#refine .submit_refine,form#refine .refine_reset{margin-top: 0}
	#category_path{height: inherit;}
	#category_path .wrapper{}
	.product_toolbar#toolbar{padding: 0 10px}
	.product_toolbar#toolbar li:last-child{min-width: fit-content}
	.product_toolbar .breadcrumb{line-height: 1.8;flex-wrap: nowrap;overflow-x: auto;min-width: 300px;padding: 10px 0}
	.product_toolbar#toolbar a{max-width: 100px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
	/*#category_path .wrapper .bcr{display: flex;align-items: center;}*/
	/*#category_path .bcr:after{margin-right: 0;color: black;position: absolute;left: -5px}*/
	/*#category_path .bcr:nth-child(2n):after{display: none}*/
	#main #container #product_holder #maintenace_need{width: 100%;margin-bottom: 10px}
	#main #container #product_holder .holder_wrapper .form_field .text_field{flex-flow: row wrap;}
	#main #container #product_holder .holder_wrapper .form_field .title{min-width: 125px;padding-right: 10px}
	#main #container #product_holder .holder_wrapper .form_field a:not(:last-child){margin-bottom: 10px}
	#main #container #product_holder .gallery, #main #container #product_holder .similar_producer{display: grid;grid-template-columns: 1fr 1fr; grid-gap: 20px 10px;padding: 5px}
	#main #container #product_holder .gallery .item, #main #container #product_holder .similar_producer .item{width: 100%;margin-bottom: 0;padding: 3px}
	#main #container #product_holder .gallery .item .item_image, #main #container #product_holder .similar_producer .item .item_image{width: 100%}
	#main #container #product_holder .gallery .item img{width: 100%;height: 100%;object-fit: contain;}
	.table_holder{padding: 10px}
	#main #container #product_holder .similar_producer .item:nth-child(3n+2){margin: 0}
	#main #container #product_holder .similar_producer{justify-content: center;align-items: center;}
	#main #container #product_holder .similar_producer .item .item_image img{width: 100%;height: 100%;object-fit: contain;}
	.product_toolbar h1{margin-bottom: 1em}
	.responsive_table {width: 100% !important; display: block !important; border: 0 !important}
	#main #container .col_full #sum_price{border: none}
	.responsive_table tbody,
	.responsive_table tr,
	.responsive_table td,
	.responsive_table th {display: block !important; padding: 0; white-space: normal !important;}
	.responsive_table thead {position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
	.responsive_table tr {display: table-row;}
	.responsive_table th,
	.responsive_table td {display: table-row; padding: 7px; border-top: 1px #e1e1e1 solid; border-left: 1px solid #e1e1e1;}
	.responsive_table tbody {display: table-row-group;}
	.responsive_table tbody tr {display: table-row; border-bottom: 1px solid #e1e1e1;}
	.responsive_table tbody td[title]:before {content: attr(title);font-size:14px;width: 30%; flex: 0 0 auto; display: flex;display: -webkit-flex;  padding: 5px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center; margin-left: 5px}
	.responsive_table tbody td{display: flex !important;padding:4px 5px !important; text-align: right !important; align-items: center; -webkit-align-items: center;}
	.responsive_table tbody td div {padding: 5px}
	.responsive_table tbody td.action {width: 100% !important; justify-content: flex-end; -webkit-justify-content: flex-end;}
	.responsive_table tbody td[style] {width: auto!important}
	#main #container .col_full .responsive_table .product_item_tbl .image_holder a{width: 100%}
	.responsive_table tbody td div{width: 100%}

	#main #container .col_full table .product_item_tbl{flex-wrap: wrap;}
	#main #container .col_full #sum_price td:first-of-type{width: 100% !important}
	#cart_toolbar .wrapper{height: inherit;flex-flow: row wrap;justify-content: center;padding: 10px}
	#cart_toolbar .wrapper a{margin-left: 10px}
	/*#cart_toolbar .wrapper .tab{margin-bottom: 10px}*/
	#category_path .bcr .selectric .label{overflow:hidden;text-overflow: ellipsis;width: 115px}
	#main #container .col_full[name=temp_cart] input[type=submit]{margin-left: 10px}

}