/******************************************************************************************article********************************************************************************************************/
/*icons article*/
.icon-graduation:before {content: "\e019";font-family: 'Simple-Line-Icons';}
.icon-clock:before {content: "\e081"; font-family: 'Simple-Line-Icons'}
.icon-home-1:before {content: "\e069"; font-family: 'Simple-Line-Icons'}
/*icons article*/
/******************************************************************************************article********************************************************************************************************/

#planAndDev .img-block.img-right{ float:none; margin:5px 0 15px 0;}


/*#planAndDev.imgHeader {background-image: url("../img/article_header_image.png");}*/
#planAndDev .articles_tags{ display:block; font-size: 17px; float: right; list-style: none; padding:0; margin:0; margin: 0.5em 0 1em 0;}
#planAndDev .articles_tags ul{margin:0; padding:0; width:100%; text-align:right}
#planAndDev .articles_tags li{display:inline-block; padding-left:20px;}

#planAndDev .lContainer .regText.article_blue{ font-size: 32px; /*color:#0099f0;*/ line-height:34px; margin-top:1.2em; width:95% }
#planAndDev .lContainer .regText.articleText{margin:0; padding:0}
#articles_tags_section > div > div > div{margin-right:0; padding:0; }
#planAndDev .articles_tags li a { color:#3c3c3c;}
#planAndDev .articles_tags li  span{margin-left:10px}
#planAndDev .regText.download{margin-bottom:18px; padding:0}
#planAndDev .download-group.article {margin-top:0; margin-bottom:0}
#planAndDev .two-img-blocks.article{margin-top:38px}
#planAndDev .regText.publication_date{margin-bottom:50px}
#section_article{margin-top:0}
.section2-box.article{padding-top:2px}
#planAndDev .lContainer h3{font-size:28px}

/******************************************************************************************end article********************************************************************************************************/

@media (max-width: 1920px) {
    #planAndDev .img-block.article img{width:100%; height:auto; margin-top:2.8em; margin-bottom:1.2em;}
    #planAndDev .lContainer .regText.article_blue{  margin-bottom:12px}
}
@media (max-width: 1280px) {
   /* .section2-box.article div.news-box{ width:27.5%; height:27.5%; padding-bottom:27.5%}*/
}
@media (max-width: 1024px) {
    #planAndDev .lContainer .regText.article_blue{ font-size: 28px; line-height:32px; }
}

@media (max-width: 992px) {
    .section2-box.article .news-wrap{WIDTH:99%; margin-right:0%}
}

@media (max-width: 768px) {
        .section2-box.article.news-wrap{display:block!important; WIDTH:100%; height:600px!important; margin-left:0; padding-left:0}
        .section2-box.article  .news-box-txt-hover .icon  {margin-top:14%}
    .section2-box.article div.news-box-txt { font-size:15px}
    /*.section2-box.article div.news-box{ width:189px; height:189px; padding-bottom:189px;}*/
}

@media (max-width: 480px) {
    #planAndDev .img-block.article img{width:100%; height:auto; margin-top:-1.4em; margin-bottom:0;}
    #planAndDev .lContainer .regText.article_blue{  font-size: 29px; width:100%}
    #planAndDev  #articles_tags_section{padding-bottom:1.5em;}
    #planAndDev .section2-box.article{width:90%;display:block; min-height:90%; }
    #planAndDev .articles_tags li span.icon-umbrella{padding-right:9px; margin-right:8px}
    #planAndDev .articles_tags li span.icon-graduation{ margin-right:8px}
    #planAndDev .lContainer h3{margin-right:-5%}
}

@media (min-width: 768px) {
    #planAndDev .img-block { max-width:274px;}
    #planAndDev .img-block img{height:145px;}
    #planAndDev .two-img-blocks .img-block{ float:right; margin-left:24px;}
    #planAndDev .img-block.img-right{ float: right; margin-left: 24px; margin-bottom: 10px; margin-top:7px;}
}