.videosurveillance { text-align: left; padding-top: 45px;}
.typic_view .videosurveillance h2, .videosurveillance h2 { font-size: 21px; margin-bottom: 30px;}
.typic_view .videosurveillance h1, .videosurveillance h1 { margin: 0 0 50px;}
.videoitem {
	margin-bottom: 72px;
	overflow: hidden;
}
.videoitem  .videochar {
	margin-left: -1px;
	width: 593px;
	float: left;
	padding-left: 35px;
	border-left: 1px solid #ccc;
	margin-top: -6px;
	font-size: 13px;
}

.videochar  td {
	width: 33%; 
	vertical-align: top;
	padding: 0px 15px 15px 0;
}
.videochar tr + tr td { padding-top: 15px;}
.videoitem .videochar table{
	margin-bottom: 0px;
	margin-top: 0px;
}

html main.main .article .videosurveillance h2 {
	font-size: 21px;
	margin-bottom: 30px;
}

.videoitem  .vitemdescr {
	float: left;
	width: 330px;
	font-size: 14px;
	border-right: 1px solid #ccc;
	margin-left: -20px;
}
.videoitem  .vitemdescr p {
	margin-left: 20px;
	line-height: 18px;
	padding: 0 15px 49px 0;
 }
.videoitem .tbvideochar {
	font-size: 13px;
	width: 100%;
}
.tbvideochar td {
	width: 33%;
	vertical-align: top;
	padding: 0px 15px 15px 0;
}
html main.main .article .videosurveillance img{
margin:0px;
}
.article .videoitem .videochar p:not(:last-child) {
	margin-bottom: 0px;
}

@media(max-width: 970px) {
    .videoitem {
        display: flex;
    }   
    
    .videoitem .videochar {
        width: 65%;
    }
    
    .videoitem .vitemdescr {
        width: 35%;
    }
    
    .article .videochar p {
        line-height: 110%;
    }
}

@media(max-width: 470px) {
    .videoitem {
        flex-direction: column;
    }
    
    .videoitem .videochar,
    .videoitem .vitemdescr {
        width: 100%;
    }
    
    .videoitem .vitemdescr {
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
    
    .videoitem .videochar {
        padding-left: 0;
    }
}