.div_content .commentParent{
grid-area: comm;
}
.div_content{
grid-template-areas:
'blog_l blog_r'
'comm blog_r'
'. blog_r';
align-items: start;
margin-top:45px ;
}
.blogParent {
padding: 25px;
box-sizing: border-box;
background-color: #FFFFFF;
border: 1px solid #E9E8F1;
margin-bottom: 16px;
}
.contentZajawka{
color: #452522;
font-size: 16px;
font-weight: 300;
line-height: 1.7em;
}

.contentZajawka ul li{
background: url('../images/pkt.png') 0px 13px no-repeat;
padding: 5px 0px 5px 20px;
line-height: 1.5em;
}

.contentZajawka ol ul li{
background: url('../images/pkt.png') 0px 13px no-repeat;
padding: 5px 0px 5px 20px;
line-height: 1.5em;
}

.contentZajawka ul{
list-style: none;
margin: 0px 0px 0px 10px;
overflow: hidden;
}
.contentZajawka ol{
margin: 0px 0px 0px 30px;
}

.contentZajawka ol li{
padding: 5px 0px 5px 0px;
line-height: 1.5em;
background: none;
}

.contentZajawka p{
margin-bottom: 20px;
}

.divTag{
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
}
.divTag > span{
margin-right: 10px;
display: inline-block;
}

.commentParent>ul {
padding: 25px;
box-sizing: border-box;
background-color: #FFFFFF;
border: 1px solid #E9E8F1;
margin-bottom: 16px;
}

.contentBlog .topWpis{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.contentBlog .topWpis .date{
background-color: #FFFFFF;
color: #292073;
font-size: 20px;
font-weight: 700;
text-align: center;
box-sizing: border-box;
padding: 10px;
margin-left: -34px;
margin-right: 14px;
border: 3px solid #292073;
}
.contentBlog .topWpis .titleWpis{
flex: 1 0 auto;
}

.contentBlog .topWpis .titleWpis .title{
width: 100%;
margin-bottom: 16px;
}
.contentBlog .topWpis .titleWpis .title h1{
color: #292073;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.5s ease;
}




.contentBlog .topWpis .titleWpis .kat{
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
border-right: 1px solid #E9E8F1;
padding: 0px 18px 0px 0px;
}

.contentBlog .topWpis .titleWpis .kat:before{
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAbJJREFUOE/tlDFyE0EQRV8vGJwBJ0A30CjBUmadAFHlVZFh38A+AeIGvgFyRkmusm6AiFaQeLjBcgIrxKXytqt3NXiQd8EoZrKZ7vl/fs/vlswNRwLvqV+5kvR7/lNu4cwNxwLv6lPVP2XVl4UbqqJfQOabiUak8KHnJ6NvLnUFcqlwBpQE0WoZkVIEwOrSJmBFVsUyd7AvJJ/tUs+f/0Yex9Yv/A+4LuZWNcxcmgvyssE2KHrU89PxpRs8v2YnB3nWlJugHcnc2xYUhw3eyg0sxMw6N8igLjcBv+cnM2li2/a8BDRmhHtSdnT1veNnyzpwK4Gdb8blL+20TKD/yk99AF2b+CPQWp/lAicm1/bB2GdQ/KpVuFx1xp3p7zpCf4CU+QJW0zYUJ11/fvrgTqmGQ1r28C4rF0vNXDoXaHf99MWDASvbPLmKXxyUfHXDgcLFPw2HPwFuNRyCZIGrrp924p9fuHQG8rrrJ1JKBh0nwr1PKVTmscQgDXQOepqILAuVY8Akl2POAM0S7SYjC7wJlrCchTs4BhnFLRiTitXmJ49dHeAjZBl7MM6xutl+c9jeArDNYlo4Z0J9AAAAAElFTkSuQmCC') 50% 50% no-repeat;
}

.contentBlog .topWpis .titleWpis .kat a{
color: #452522;
transition: all 0.5s ease;
}

.contentBlog .topWpis .titleWpis .kat a:hover{
color: #C83056;
}

.contentBlog .topWpis .titleWpis .godz{
display: inline-block;
vertical-align: middle;
padding-left: 18px;
font-size: 16px;
color: #452522;
font-weight: 300;
}
.contentBlog .topWpis .titleWpis .godz .sp1{
font-weight: 500;
}
.contentBlog .topWpis .titleWpis .godz:before{
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAelJREFUOE+NlEFy2kAQRV8nBV6GnCAcYdjE0srkBCZVhq3DDewTRD6B4xOYbJGrLN+ArERWmZwgzglMdgkLd6olBEgg4dmoStPz5k/37xZqVuqGnwROAAfi8jD1gAdNAn/3sO+oVH9+d6OBwjXQBf2j4CWDgIKT/II3wKPA5bGfJtuMEjB1o4nAuaK/gSj08WSfClNv+4K8E4iO/fSqiFsDNzC+hn5qB9YrdWf918jivY8zpbZ+uEHnL+0vuQCuQj+N7H8GXD3zXtmF2X7qhjP7hj7uVxXP3TABOVWeP4T+bpYBUzd8XB3o1jyxFpgrbVmenwIf9ySvptwqOm7IWS1wJShjCHyUPHc6CHzcabBQI9BU/qP9BHojczfyii725ae4oCmH1RgDqpEDH1/UKXzppZmNDgG37LS2RkPhuo1PbvJmFVqkpSjKaeDjt9tBRaLrvLkvNivKxtS7tjFozyeLutwW/+fu7AJeXZu518YWRI9Y9l4C2FXX+qXw05xSaj3QSeDj8SFF5T4fzgQ5KbVe7vZRJPAZSI5Yjg8pzXPcugfpb3dZdXwVUJt1UZvlQxW8Ap3b+ALpVFt2Z8DaqAKZmEnzp2nWdpsl2cRR9BtoZBOmtFuXL6v+MwxAbQIVU8iUW6smVVDB+Q9CSRx5SAc7hAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.shareSocial{
text-align: right;
padding-bottom: 0px;
float: right;
}

.shareSocial .shareSpan{
color: #3B3B3B;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
}

#fb-root{
visibility: hidden;
}

.shareSocial>div{
margin-left: 10px !important;
box-sizing:border-box;
display: inline-block;
height: 28px !important;
vertical-align: middle !important;
padding: 7px 13px;
}

.shareSocial>a{
margin-left: 10px !important;
box-sizing:border-box;
display: inline-block;
vertical-align: middle !important;
padding: 0px;
line-height: 26px;
width: 28px;
height: 28px;
position: relative;
transition: all 0.5s ease-out 0s;
border-radius:3px;
}

.shareSocial .fb-share-button{
padding: 0px;
}

.shareSocial>a:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
transition: all 0.5s ease-out 0s;
}

.shareSocial>a:before{
opacity: 1;
}





.shareSocial .twitter:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAYAAAAyhueAAAAABHNCSVQICAgIfAhkiAAAAY9JREFUOE+VVMFVwkAUnB9O6kGiBYg3kIOUEDuQCmQrkA6EDugg2AFWAHSAB5BjGpDIQW5kfH95iQTYvLCnvPy/M/N3ZldwxqqFcfVKkjdCAgFaBGak9L+MP9LaBRDotyhmM1zNCOksjD9zceimS+FYwU70TAAECaVtQXfsjAH8bCntpfG14Wg1w+8BRF5dpKpayOkW3mCndLjifzMHv/T6kfF/9gF0GggenaDEWqfNjX+4geAQ4o02CaZKkCc+hibZX5jbnlas0noYBxXhuMAzVV0t8jQHag0AdbTYYUKpfGwpT6kfVulDuIpEcFdqt6NpS7lfGj86Z/xiPuJzbm6yqFml2bmCgyKH3c6LWRh/mNYz0EYYP3tCzWFwzjGQWG8gtf0IZqD2EoCTc5Wmt2hfSAaqP3fAid6cl1Jqyfe5ue0c9uZA02IjjLue8K0wmw5A6349jGseUE0quPaIAGRHgFrZoJ/qs6AVJL0yI5P4SCDdNI8u4pxR+h4KkhYgNgECRgQiwIs2wOjwkXGB/gGbJ8HoWz5VQQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.shareSocial .linkedin:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcFJREFUeNq0VD0vBFEUPffNzFqJYuMHKISEDoVSoxW9j58g2agkQickGoWCRKGS+Ac6CQpRkEg0KDQUghURG7vz8Zw3s+zM7BIj6yZn7rtv5p1357x7n2DrsgtuZQ0iA8QxXH8WPh4QN9GAo4CAXtGLAJpjunDOxFYOyOVgw3PXOTEeLtRBN2yLi61pBglOBB4a5pqYzY9GYqkgjAPX4cCtTwt+a8xfHyRmNA759P5CFmXo5GdQfbe5sI/xGXL5IixLU1fA95DVqKF3Sz9W18qN4HmZs4sIA2+YC3sMFWGR6JzDC7JRXzEbddROw7zfJTqJCco9RN/Gtdf0e8RJRChSpJ+Mlcgqn3OUt51+myjUtPRZMiTAPPl7E+cILED7iyylFWaBSirramxc/iI0GYpshlk1mkXCZVTKRyqDPE6M7LXpFzqYUhk1f4IWFj36iVHiJvV+MAOhaTG1ASU7DO4Y7BNLyRaVQgbCsH9PY79ncJXW0s70w9p/iy4F9VmjQZPWy2BCNnPzfH9JKIUWW6sJ5V8IrYaqTxZz6qh/jB1zys9EKbbHSyi6Dk/wPrGBZpvq2h2pTBmZNtWlGOHjhwADAB3dhSsCpbNvAAAAAElFTkSuQmCC') 50% 50% no-repeat;
}

.shareSocial .facebook:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAABHNCSVQICAgIfAhkiAAAAMpJREFUKFPNkUEOwWAUhGdKJBbERnTHDfQIHMEJXIGFdmspNq6iJ8AN6gZdipU21kba5g/apgvSxNv97/8yM3lDlIztRmsQc4Aj8y3AZ54deHFAYFzQEE4f8MCNFiR3ZW4owCWqAs4UbiITx9fYXqz390OYXbfdvdlVwiCnl03n+B1su/ERhLGfvMeQFJC8JTtJPvM5Sy+R0jjVA6cN9ld3p9FQL7WXDrnMS1pWkO2aYY2nq2rwt1L+UdmNQpDDrF1FZMu5bNqhifoETMB0G1/Di9kAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.shareSocial .google:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUeNp00LELQVEUx/H7WEgppSQp/gDJYkBWDP4MxR+irAasNovNYlFiwGI2KCYSA2XG93BeXnpOfbp177m/27mW+ZQXNcRRRBpLDPTc9JQHEeywgGX01gNV860GnsjJjbB2Jh0Na13fCQGN3CPoSFjBZ+lGBm0ccUYMdZzMT6X07Y5xqQTKmiBNTXv+ELoo4II+/PrEVZrGmLgkDrGRMUuY/2mQRDPDDXl7bv08+eaKbETRQhZbHHDHCNOXAAMAFo0meunxxIIAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.shareSocial .email:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAABHNCSVQICAgIfAhkiAAAAhxJREFUOE+tlD9oU1EYxc/JS5NgiukkcVAUC0IV+4ZiXqZWZ8GCeRF00CwOXYyodGwyFizGQQeX6tDBJEoLTg4SpybS4Vb8g1BRcGh0SqQpSczLJ9dQfJiKDck3vnvf7zvnu+deFk07A/A6Blpyz1K5JFfNeIrA3CDZAqSjKpviuzF7uObDqANkCE7200QgrwwgGWxi48T73BaLZvyzoJ2IqnyhaMaSAFMAQ701kSogKUvlM6tmbIrwLFoqe1TDBSIiwP1wNXi7PFIPA86jvbrQagHjargSKH8Lbd8BZAYkLZVlB75TIh9F2leib56W/u/CpfbUhQjpeQzy+A6qGw5AIA6EC+Hqvrl/uXCrLYe206DcJGi4R7kr3O3C23TOTHx4tvnHhV7tzHZtzD7cGsILt9q9wQVfifZMZD3/vGTGp31oFuoIjOifA6hXGvBOWiq/UhqPnRN4HoA49HcAupSLSIPAvNdbn//pBA8QziLAKQBfdKI0QCcBwBFACgIjMWTUvrdagVkBZkn6d5+5yEuv47k28fbJp14uFoFURGXTaycvHmsZ7Ycgz+oGHeXj9qZQbkVVfqmTUd4FaPaYcyWQG/qulEz7kggWrPXcQRZHL+/3D9c8Dfj0E5DsDdq1O+NHM93YCratjaUf1AcmED3b3wfWf0mFYCKissssmvYywPP9Q90EWbFUbpr602vTNh3IQJQbYOW0yinN/QX8KwMgusA06QAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

@media screen and (max-width:1364px){
.blogParent{padding: 0px}
}

@media screen and (max-width:1330px){
.shareSocial{float: none;margin-top: 20px}
.contentBlog .topWpis .date {align-self: flex-start}
.contentBlog .topWpis .titleWpis .title h1 {font-size: 19px}
.contentBlog .topWpis .titleWpis .kat {font-size: 16px;padding: 0px 15px 0px 0px;}
.contentBlog .topWpis .titleWpis .godz {font-size: 14px;padding: 0px 0px 0px 15px;}
.contentBlog .topWpis .date {font-size: 16px}
.blogParent .content .wpisDetail .zajawkaWpis {font-size: 14px}
.content .wpisDetail .countComment {font-size: 17px}
.content .wpisDetail .countComment a::before {width: 27px;background-size: 100% auto}
.content .wpisDetail .zajawkaStopka .buton1 {font-size: 15px}
.parentNullComment a.addComment{font-size: 15px}
.parentNullComment .countComment {font-size: 17px}
.parentNullComment .countComment::before {width: 27px;background-size: 100% auto}
}

@media screen and (max-width:1200px){
.parentNullComment .countComment {font-size: 17px}
.parentNullComment .countComment::before {width: 27px;background-size: 100% auto}
}

@media screen and (max-width:1100px){
.contentBlog .topWpis {display: block;}
.contentBlog .topWpis .date {margin-top: -15px;margin-left: 0px;text-align: right;background-color: transparent;font-size: 14px;font-weight: 500;border: unset}
.blogParent .content .wpisDetail {padding: 15px}
.contentBlog .topWpis .date>div{display: inline-block}
.contentBlog .topWpis .titleWpis .kat {display: block;padding: 0px;margin: 0px 0px 20px 0px;border: none}
.contentBlog .topWpis .titleWpis .godz {display: block;padding: 0px}
.shareSocial {margin-top: 10px}
.shareSocial .shareSpan {font-size: 14px !important;}
}

@media screen and (max-width:630px){
.commentParent > ul {padding: 10px}
.oneComment .avatar img {width: 30px}
.oneComment .oneCommFoot{flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: flex-start}

}

@media screen and (max-width:550px){
.commentParent .parentNullComment{flex-wrap: wrap;flex-direction: column}
.oneComment .autorOneCom{order: 0}
.oneComment .odp{order: 1;margin-top: 30px;width: 100%;text-align: right}
.parentNullComment .countComment{margin-bottom: 30px}

}

@media screen and (max-width:430px){
.addCommentTable input{width: 100%}
}