ul ul {padding-bottom: 10px;}
.tblsp {padding-top: 20px;}

.product_callback {font-size: 15px;}
.parent {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.header_nav > menu, .header_nav > menu > li, .header_nav-sub > menu, .header_nav-sub > menu > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header_nav > menu > li {
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
    font-size: 14px;
}

.header_nav > menu > li > a, .header_nav > menu > li > .link {
    text-decoration: none;
    border-bottom: 1px solid;
}

.menumobile {
    white-space: nowrap;
    cursor: pointer;
    margin: 0px 12px 0px 12px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 500;
}

.imgpic {padding: 20px;}

.cite_company {text-align: right;}


.linkdecorationheader {color: #000000;}

.link {
  color: #ffffff; /* Цвет текста по умолчанию */
  text-decoration: underline; /* Добавляем подчеркивание */
}

.link:hover {
  text-decoration: none; /* Убираем подчеркивание при наведении */
  color: #ffffff; /* Цвет текста при наведении */
}

.note_title {
    padding-bottom: 20px;
    font-style: italic;
    font-size: 1em;
}


#link {color: #ffffff;}

.pricedealer {padding: 6px 0 10px 0;}
.font15 {padding: 10px 0 0 0;}

.infolinkname {
    background-size: 100% auto;
    background-color: #f5f5f6;
    text-align: center;
    margin-bottom: 10px;
    padding: 12px;
}

.product__pricelist {
    font-size: 24px;
    margin: 0 15px 0 0;
}

.product_dealer {
    padding: 15px;
    margin: 0 0 15px;
}

.resp-tab {
    border-radius: 5px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}
.resp-tab th, .resp-tab td {
    padding: 10px 20px;
    font-size: 13px;
    border: none;
    font-family: Verdana, sans-serif;    
    border: 1px solid #337AB7;
    vertical-align: top;
}
.resp-tab th {
    color: #FFF;
    background: #337AB7;
    font-weight: bold;
    border: 1px solid #1a4a73;    
    text-transform: uppercase;    
    text-align: center;    
}
.resp-tab tr:nth-child(even) {
    background: #edf7ff;
}
.resp-tab td span {
    background: #337AB7;
    color: #FFF;
    display: none;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, sans-serif;    
    text-transform: uppercase;        
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;    
}
@media(max-width: 768px) {
    .resp-tab thead {
        display: none;
    }
    .resp-tab tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .resp-tab td {
        margin: 0 -1px -1px 0;
        padding-top: 35px;
        position: relative;
        width: 50%;
    }
    .resp-tab td span {
        display: block;
    }
}
@media(max-width: 480px) {
    .resp-tab td {
        width: 100%;
    }
}

.header-h1 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h1 h1 {
display:inline-block;
text-transform:inherit;
padding:.5rem;
border:.125rem solid #2784c9
}

.header-h1:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h1-dark h1 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

.header-h2 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h2 h2 {
display:inline-block;
text-transform:inherit;
padding:.5rem;
border:.125rem solid #2784c9
}

.header-h2:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h2-dark h2 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

.header-h3 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h3 h3 {
display:inline-block;
text-transform:inherit;
padding:.5rem;
border:.125rem solid #2784c9
}

.header-h3:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h3-dark h3 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

.header-h4 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h4 h4 {
display:inline-block;
text-transform:inherit;
padding:.4rem;
border:.125rem solid #2784c9
}

.header-h4:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h4-dark h4 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

.header-h5 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h5 h5 {
display:inline-block;
text-transform:inherit;
padding:.4rem;
border:.125rem solid #2784c9
}

.header-h5:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h5-dark h5 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

.header-h6 {
position:relative;
margin-bottom:.5rem;
text-align:center
}

.header-h6 h6 {
display:inline-block;
text-transform:inherit;
padding:.4rem;
border:.125rem solid #2784c9
}

.header-h6:before {
content:"";
position:absolute;
background:#2784c9;
height:.125rem;
left:0;
top:50%;
width:100%;
transform:translateY(-50%)
}

.header-h6-dark h6 {
background:#fff;
color:#000;
position:relative;
z-index:2
}

@media screen and (max-width: 480px) {
img {
max-width:100%;
height:auto
}
}

@media only screen and (max-width: 600px) {
.container {
width:100%
}
}

@media only screen and (min-width: 601px) {
.container {
width:100%
}
}

.faiconcontent {
text-align:center;
color:#2784c9
}

.hr a {
color:#484848;
/* Цвет обычной ссылки */
text-decoration:none
/* Убираем подчеркивание у ссылок */
}

.hr a:visited {
color:#2784c9
/* Цвет посещённой ссылки */
}

.hr a:hover {
color:#2784c9;
/* Цвет ссылки при наведении на нее курсора мыши */
text-decoration:underline
/* Добавляем подчеркивание */
}

ul.hr {
margin:0;
padding:0
}

ul.hr li {
/* border-radius: 15px; */
margin:0 5px 5px 0;
display:inline-block;
padding:4px 10px;
position:relative;
min-width:22px;
text-align:center;
border:1px solid #dbd8d8
}

ul.hr2 {
margin:0;
padding:0
}

ul.hr2 li {
/* border-radius: 15px; */
margin:0 5px 5px 0;
display:inline-block;
padding:4px 10px;
position:relative;
min-width:22px;
text-align:center;
border:1px solid #2784c9;
font-size:.8rem;
background:transparent none
}

ul.hr2 li:hover {
background:#fff
}

.bordered {
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-left-color:#ebebeb;
border-left-style:solid;
border-right-color:#ebebeb;
border-right-style:solid;
border-top-color:#ebebeb;
border-top-style:solid;
border-bottom-color:#ebebeb;
border-bottom-style:solid;
padding:10px;
margin:10px 5px;
height:100%
}

.bordered-none {
padding:5px
}

.bordered-footer-none {
padding:30px
}

.borderedform {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-left-color: #ebebeb;
border-left-style: solid;
border-right-color: #ebebeb;
border-right-style: solid;
border-top-color: #ebebeb;
border-top-style: solid;
border-bottom-color: #ebebeb;
border-bottom-style: solid;
padding: 10px;
height: 100%;
}

.content-h2r {
padding:0 10px
}

.content-h2l {
padding:0 10px
}

.content-h2rl {
padding:0 10px
}

.content-h2lr {
padding:0 10px
}

.content-article {
padding: 0 0 5px 0;
margin: 0 10px 10px 10px;
}

.d-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

.flex-column {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}

.flex-col {
padding-top: 10px;
padding-bottom: 10px;
}

.step {
margin-bottom:30px;
background:#fff
}

.stepcalc {
background:#fff
}

.step .pos {
position:absolute;
top:-5px;
padding-top:5px;
/* right: 15px; */
width:35px;
height:35px;
background-color:#212121;
font-size:20px;
color:#fff;
text-align:center
}

.step_name {
font-size:1.0rem;
/* text-transform: uppercase; */
color:#212121;
padding: 20px 0 15px 0;
}
.step_name_page {
font-size:1.0rem;
/* text-transform: uppercase; */
color:#fff;
padding: 20px 0 15px 0;
}

.step .image {
position:relative;
margin-bottom:15px;
margin-top:10px
}

.step_content {
padding-bottom:10px
}

.table {
width:100%;
margin-bottom:1rem;
color:#212529
}

.table th,.table td {
padding:.75rem;
vertical-align:top;
border-top:1px solid #dee2e6
}

.table thead th {
vertical-align:middle;
border-bottom:2px solid #dee2e6
}

.table tbody + tbody {
border-top:2px solid #dee2e6
}

.table-sm th,.table-sm td {
padding:.3rem
}

.table-bordered {
border:1px solid #dee2e6
}

.table-bordered th,.table-bordered td {
border:1px solid #dee2e6
}

.table-bordered thead th,.table-bordered thead td {
border-bottom-width:2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody + tbody {
border:0
}

.table-striped tbody tr:nth-of-type(odd) {
background-color:rgba(0,0,0,0.05)
}

.table-hover tbody tr:hover {
color:#212529;
background-color:rgba(0,0,0,0.075)
}

.table-primary,.table-primary > th,.table-primary > td {
background-color:#b8daff
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody + tbody {
border-color:#7abaff
}

.table-hover .table-primary:hover {
background-color:#9fcdff
}

.table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th {
background-color:#9fcdff
}

.table-secondary,.table-secondary > th,.table-secondary > td {
background-color:#d6d8db
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody + tbody {
border-color:#b3b7bb
}

.table-hover .table-secondary:hover {
background-color:#c8cbcf
}

.table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th {
background-color:#c8cbcf
}

.table-success,.table-success > th,.table-success > td {
background-color:#c3e6cb
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody + tbody {
border-color:#8fd19e
}

.table-hover .table-success:hover {
background-color:#b1dfbb
}

.table-hover .table-success:hover > td,.table-hover .table-success:hover > th {
background-color:#b1dfbb
}

.table-info,.table-info > th,.table-info > td {
background-color:#bee5eb
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody + tbody {
border-color:#86cfda
}

.table-hover .table-info:hover {
background-color:#abdde5
}

.table-hover .table-info:hover > td,.table-hover .table-info:hover > th {
background-color:#abdde5
}

.table-warning,.table-warning > th,.table-warning > td {
background-color:#ffeeba
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody + tbody {
border-color:#ffdf7e
}

.table-hover .table-warning:hover {
background-color:#ffe8a1
}

.table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th {
background-color:#ffe8a1
}

.table-danger,.table-danger > th,.table-danger > td {
background-color:#f5c6cb
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody + tbody {
border-color:#ed969e
}

.table-hover .table-danger:hover {
background-color:#f1b0b7
}

.table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th {
background-color:#f1b0b7
}

.table-light,.table-light > th,.table-light > td {
background-color:#fdfdfe
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody + tbody {
border-color:#fbfcfc
}

.table-hover .table-light:hover {
background-color:#ececf6
}

.table-hover .table-light:hover > td,.table-hover .table-light:hover > th {
background-color:#ececf6
}

.table-dark,.table-dark > th,.table-dark > td {
background-color:#c6c8ca
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody {
border-color:#95999c
}

.table-hover .table-dark:hover {
background-color:#b9bbbe
}

.table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th {
background-color:#b9bbbe
}

.table-active,.table-active > th,.table-active > td {
background-color:rgba(0,0,0,0.075)
}

.table-hover .table-active:hover {
background-color:rgba(0,0,0,0.075)
}

.table-hover .table-active:hover > td,.table-hover .table-active:hover > th {
background-color:rgba(0,0,0,0.075)
}

.table .thead-dark th {
color:#fff;
background-color:#343a40;
border-color:#454d55
}

.table .thead-light th {
color:#495057;
background-color:#e9ecef;
border-color:#dee2e6
}

.table-dark {
color:#fff;
background-color:#343a40
}

.table-dark th,.table-dark td,.table-dark thead th {
border-color:#454d55
}

.table-dark.table-bordered {
border:0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color:rgba(255,255,255,0.05)
}

.table-dark.table-hover tbody tr:hover {
color:#fff;
background-color:rgba(255,255,255,0.075)
}

@media (max-width: 575.98px) {
.table-responsive-sm {
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}

.table-responsive-sm > .table-bordered {
border:0
}
}

@media (max-width: 767.98px) {
.table-responsive-md {
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}

.table-responsive-md > .table-bordered {
border:0
}
}

@media (max-width: 991.98px) {
.table-responsive-lg {
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}

.table-responsive-lg > .table-bordered {
border:0
}
}

@media (max-width: 1199.98px) {
.table-responsive-xl {
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}

.table-responsive-xl > .table-bordered {
border:0
}
}

.table-responsive {
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}

.table-responsive > .table-bordered {
border:0
}

.custom-color {
background-color:#f6f6f6
}

.titlesize {font-size:1.25em;}
.titlesizeblog {font-size:1.1em;}
.titlesizeblog_head {margin: 20px 0 20px;}

.colorblock {
background:#f5f5f6
}

.colorblockvideo {
background:#f5f5f6;
padding-bottom: 30px
}

.whiteblock {
background:#fff
}

.colormain {
background:#fff
}

.colorinfoblock {
background:#2784c9;
color:#fff
}

caption {
padding:.75rem;
vertical-align:top;
border:1px solid #dee2e6
}

.infocontent {
display:contents;
padding-left:1em
}

.infolink {
background-size:100% auto;
background-color:#f5f5f6;
text-align:center;
margin-bottom:10px;
padding:4px
}

.infonolink {
    background-size: 100% auto;
    background-color: #f5f5f6;
    text-align: center;
    margin-bottom: 10px;
    padding: 4px;
    color: #000;
}

.typelink {
background-size:100% auto;
background-color:#f5f5f6;
text-align:center;
padding:10px
}

.infotitle {
background-size:100% auto;
background-color:#2784c9;
text-align:center;
margin-bottom:10px;
padding:10px;
color:#000
}
.infotitlewhite {
background-size:100% auto;
background-color:#2784c9;
text-align:center;
margin-bottom:10px;
padding:10px;
color:#fff
}

.infovideo {
background:#000;
padding:10px 20px 10px
}

.imgmgtop {
margin-top:20px
}

.iconsocial {
margin-top:8px
}

.prefooter-bottom-fix {
padding-top:15px;
padding-bottom:10px;
border-top:1px solid #acacac;
position:relative
}

.prefooter-bottom-fix:before {
content:"";
height:1px;
background:#ebebed;
top:0;
right:0;
left:0;
position:absolute
}

/* CALC */
#formImage img {
width:100%;
max-width:400px;
padding: 10px 0px 10px 10px;
}

.calcFormFields {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch
}

.calcFormField {
-webkit-flex:1 1 300px;
-ms-flex:1 1 300px;
flex:1 1 300px;
padding:10px;
font-size:110%
}

.activeElement {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch
}

#formImage {
/* -webkit-flex:1 1 400px; */
/* -ms-flex:1 1 400px; */
/* flex:1 1 400px */
}

.calcSideArea {
/* -webkit-flex:1 1 400px; */
/* -ms-flex:1 1 400px; */
flex:1 1 400px;
padding: 20px 20px 20px 20px;
}

.calcIcon_icon {
width: 100px;
height: 50px;
}

.calcIcon_title {
width: 100px;
height: 50px;
padding-top: 10px;
}

#activeElementPrice {
font-weight:700;
margin-bottom:15px;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}

#activeElementPrice .label {
margin-right:10px;
font-size:1.2rem;
padding-left: 5px
}

#activeElementPriceValue {
display:inline;
font-size:1.8rem
}

#CalculatorSendButton {
background-color:#2784c9;
}

#activeElementService {
margin-bottom:15px
}

.calcInclude {
font-weight:700;
margin-top:10px
}

.calcIcons {
margin-top:10px;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:flex-start;
-ms-flex-line-pack:start;
align-content:flex-start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}

.calcIcon {
text-align:center;
-webkit-order:0;
-ms-flex-order:0;
order:0;
-webkit-flex:1 1 100px;
-ms-flex:1 1 100px;
flex:1 1 100px;
-webkit-align-self:auto;
-ms-flex-item-align:auto;
align-self:auto;
padding: 10px;
}

.calcIcon img {
width:50%;
}

@media screen and (max-width:768px) {
.calcFormFields {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}

.activeElement {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}

.calcFormField {
flex:1 1 auto;
padding:10px;
font-size:110%;
width:95%
}

#formImage {
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto
}

.calcSideArea {
flex:1 1 auto;
padding-top:10px
}

.calcIcon {
-webkit-flex:1 1 100px;
-ms-flex:1 1 100px;
flex:1 1 100px
}
}

@media screen and (max-width: 576px) {
.calcIcon {
/* -webkit-flex:1 1 150px; */
/* -ms-flex:1 1 150px; */
/* flex:1 1 150px */
}
}

/* REGION */
.regionfixed {
margin-right:5px
}

/* NEW FAQ */
.container {
padding:0;
max-width:100%
}

.container .box {
position:relative;
margin-bottom:20px
}

.container .box:last-child {
margin-bottom:10px
}

.container .box .label {
position:relative;
padding:10px;
background-color:#2784c9;
color:#fff;
cursor:pointer
}

.container .box .label::after {
content:"+";
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
font-size:25px;
font-weight:700
}

.container .box.active .label::after {
content:"\2014"
}

.container .box .content {
position:relative;
background-color:#fff;
overflow:hidden;
max-height:0;
transition:.3s;
padding:0 20px
}

.container .box .content p {
padding-top:5px
}

.review-img {
margin-bottom:15px
}

.object-img {
margin:10px 0
}

.imgauto {
height:auto;
width:auto
}

.imgobject {
margin-bottom:35px
}

.citycontacts {
margin: 15px 0 10px;
}

.displaynone {display: none;}

.multiform-fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.multiform-fileinput-button span {
    padding: 20px;
    border: 1px solid #ebebeb;
    display: block;
    background: #2784c9;
    color: white;
}

.blockartviews {position: relative;}
.numberartviews {position: absolute;bottom: 0px;}

.review-date {text-align: right;}
.review-image {margin-bottom: -3px;margin-right: 5px;}

.product_reviews {margin-bottom: 24px;}

.view-info {display: flex;}
.view-info_time {margin-right: 24px;}
.view-info_author {margin-right: 24px;}
.view-info_position {margin-right: 24px;}
.view-info_date {margin-right: 24px;}
.view-info_update {margin-right: 24px;}
.view-info_img {margin-right: 24px;}
.view-info_user {margin-left: 2px;}

.view-info_imageuser {display:inline-block;padding: inherit;}
.view-info_nameuser {display:inline-block;padding: inherit;}
.view-info_dateuser {display:inline-block;padding: inherit;}

@media(max-width: 480px) {
    .view-info {display: flex;flex-direction: column;}
}

.authorimg {display: inherit;vertical-align: middle;text-align: center;}
.authordesc {padding: 10px 10px 10px 10px;}
.view_imageuser {text-align: center;}
.view_authorpost {padding: 30px 20px 20px 20px;}
.view_datatime {padding: 30px 20px 20px 20px;}
.view_articlesocial {padding: 30px 20px 20px 20px;}

.authortitle {padding: 10px 10px 10px 10px;}
.authorpost {padding: 10px 10px 10px 10px;text-align: center;}
.authortext {padding: 0 10px 10px 10px;}
.viewspage {padding: 0 10px 10px 10px;}
.authornetwork {padding: 0 10px 10px 10px;}

.articlerating {text-align: right;padding: 5px 10px 5px 10px;}
@media(max-width: 480px) {
    .articlerating {text-align: left;padding: 5px 10px 5px 10px;}
}