

/* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/docs.css?17216447912079*/
#docs{
	margin-top: 24px;
}

#docs .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px;
}

#docs .heading{
	border-top: 1px solid #efefef;
	font-family: 'robotobold';
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	display: block;
}

#docs .items{
	overflow: hidden;
}

#docs .item{
	margin-bottom: 24px;
	overflow: hidden;
	height: 65px;
	float: left;
	width: 25%;
}

#docs .item .tb{
	table-layout: fixed;
	display: table;
	width: 100%;
}

#docs .item .tbr{
	display: table-row;
}

#docs .item .icon{
	vertical-align: middle;
	display: table-cell;
	width: 20%;
}

#docs .item .icon a{
	display: block;
}

#docs .item .icon img{
	vertical-align: middle;
	max-width: 100%;
}

#docs .item .info{
	vertical-align: middle;
	display: table-cell;
	padding-right: 18px;
	width: 50%;
}

#docs .item .info .name{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 25px;
	font-size: 14px;
	color: #000000;
	height: 25px;
}

#docs .item .info .name span{
	vertical-align: middle;
	display: inline-block;
	line-height: 21px;
}

#docs .item small{
	display: block;
}

@media (max-width: 1700px) {
	#docs .item .icon {
    	width: 22%;
	}
}

@media (max-width: 1600px) {
	#docs .item {
    	width: 33.33333%;
	}
	#docs .item .icon {
    	width: 20%;
	}	
}

@media (max-width: 1520px) {
	#docs .item .icon {
    	width: 14%;
	}
}

@media (max-width: 1280px) {
	#docs .item .icon {
    	width: 18%;
	}
}

@media (max-width: 1023px) {
	#docs .item {
    	width: 50%;
	}
	#docs .item .icon {
		width: 14%;
	}
}

@media (max-width: 800px) {
	#docs .item .icon {
    	width: 70px;
	}
	#docs .item .info {
    	width: 100%;
	}	
}

@media (max-width: 680px) {
	#docs .item {
    	width: 100%;
	}
}

@media (max-width: 620px) {
	#docs {
		padding: 0 24px;
	}
}
/* End */
/* /bitrix/components/dresscode/catalog.item/templates/detail/css/docs.css?17216447912079 */
