.vivakom_sort {
	margin-bottom: 33px;
}
.tlt_sort{
	margin-bottom: 16px;
	font-weight: 600;
}

.t_sort_wrap{
	display: flex;
	flex-wrap: wrap;
}
.t_sort_wrap a{
  display: flex;
  align-items: center;
  justify-content: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	outline: none;
	padding: 9px 29px 9px 26px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}
.t_sort_item.no_ic a{
	padding: 9px 26px 9px 26px;
}

.t_sort_wrap .t_sort_item{
	margin-right: 12px;
}

.t_sort_wrap .t_sort_item a:after{
	content: "";
  position: relative;
  left: 4px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  display: block;
  width: 8px;
  height: 11px;
}
.t_sort_item.no_ic a:after{
	display: none;
}

.t_sort_wrap .t_sort_item.down a:after{
  
  background-image: url('/bitrix/components/vivakom/catalog.sort/templates/all_power_supply/images/black_down.svg');
  
}
.t_sort_wrap .t_sort_item.up a:after{
  
  background-image: url('/bitrix/components/vivakom/catalog.sort/templates/all_power_supply/images/black_up.svg');

}

.t_sort_wrap .t_sort_item.up a.active_srt:after{
  
  background-image: url('/bitrix/components/vivakom/catalog.sort/templates/all_power_supply/images/white_up.svg');
  
}
.t_sort_wrap .t_sort_item.down a.active_srt:after{
  
  background-image: url('/bitrix/components/vivakom/catalog.sort/templates/all_power_supply/images/white_down.svg');

}

.t_sort_wrap .t_sort_item a:not(.active_srt):hover{
	border: 1px solid #f7941d;
}

.t_sort_wrap a.active_srt{
	color: #ffffff;
	background-color: #f7941d;
	border-color: #f7941d;
} 

@media (max-width: 768px) {


	.t_sort_wrap {
    max-width: 550px;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 15px;
	}
	.t_sort_wrap .t_sort_item {
    margin-right: 12px;
    margin-bottom: 10px;
	}

  .t_sort_wrap .t_sort_item{
    margin: 5px 6px;
    margin-right: 6px;
    width: calc(33.3% - 12px);
    flex-grow: 1;
  }
  .t_sort_wrap .t_sort_item:nth-child(1), .t_sort_wrap .t_sort_item:nth-child(2) {
     width: calc(50% - 12px);
   }
  .t_sort_item.no_ic {
    width: calc(33.3% - 12px);
  }
  .t_sort_item.no_ic a {
    padding: 9px 5px 9px 5px;
  }
}



@media (max-width: 575px) {

	.t_sort_wrap {
    margin-left: -6px;
    margin-right: -6px;
  }
	.vivakom_sort {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 10px !important;
	}



  .t_sort_wrap a {
    justify-content: center;
  }

  .t_sort_wrap a {
    padding: 10px 29px 10px 26px;
    font-size: 15px;
  }

  .t_sort_wrap .t_sort_item a:not(.active_srt):hover{
    border: 1px solid #d9d9d9;
  }

}