/* Start:/local/templates/dweb/components/bitrix/photo.sections.top/example/style.css?17657056701512*/
div.photo-sections-top table.data-table tr.head-row td {
	padding:10px 5px;
	border-bottom:none;
}
div.photo-sections-top table.data-table tr.data-row {
	border-top:none;
	border-bottom:none;
}
div.photo-sections-top table.data-table th.data-cell {
	border-top:none;
	border-bottom:none;
	padding:2px 2px;
}
.example-description p {
	font-size: 16px;
}
.example-link {
	padding-left: 50px!important;
	position: relative;
}

.example-link img {
	position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
    max-width: 40px;
    max-height: 40px;
}
@media screen and (max-width: 1024px) {
	.example-description p {
		font-size: 14px;
	}

	.example-link img {
		max-width: 34px;
		max-height: 34px;
	}

	.example-link {
		padding-left: 45px!important;
	}
}

.example-right {
	width: calc(100% - 380px);
}

.example-description {
	width: calc(100% - 530px);
}

@media screen and (max-width: 1366px) {
	.example-description {
   		width: calc(100% - 408px);
	}
}

@media screen and (max-width: 1280px) {
	.example-right {
    	width: calc(100% - 290px);
	}
}

@media screen and (max-width: 1024px) {
	.example-right {
    	width: calc(100% - 180px);
	}

	.example-description {
   		width: calc(100% - 300px);
	}
}

@media screen and (max-width: 750px) {

	.example-description {
   		width: 100%;
	}
}


@media screen and (max-width: 600px) {
	.example-right {
    	width: 100%;
	}
}

/* End */
/* /local/templates/dweb/components/bitrix/photo.sections.top/example/style.css?17657056701512 */