@media (min-width:768px) {
   #ybc_blog_page.blog-cat-3 #wrapper {
    background-image: url(/img/cms/tlo-natura-krajobraz.jpg)!important;
}
   #ybc_blog_page.blog-cat-2 #wrapper {
    background-image: url(/img/cms/tlo-natura-ogrod.jpg)!important;
    
}
   #ybc_blog_page.blog-cat-1 #wrapper {
    background-image: url(/img/cms/tlo-blog-rattan-2.jpg)!important;
    
}
.blog-cat-3 .breadcrumb li:last-child, .blog-cat-2 .breadcrumb li:last-child, .blog-cat-1 .breadcrumb li:last-child  {
    color:white!important;
}
#ybc_blog_page.blog-cat-3 #wrapper, #ybc_blog_page.blog-cat-2 #wrapper, #ybc_blog_page.blog-cat-1 #wrapper  {
    background-repeat: no-repeat;
}
}
@media (min-width:1200px) {
.cat-blog .ybc-blog-wrapper .page-heading {
    font-size: 16px!important;
    position: absolute!important;
    padding:10px!important;
}
}

 @media (min-width:1200px) and (max-width:1600px) {
.cat-blog .ybc-blog-wrapper .page-heading {
    top: 230px!important;
}
 }

 @media (min-width:1601px) {
   .cat-blog .ybc-blog-wrapper .page-heading {
    top: 275px!important;
} 
 }
 @media (max-width:580px) {
 .cat-blog .ybc-blog-wrapper .page-heading {
    font-size: 12px;
    margin-bottom: 14px;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid black;
    background: transparent; 
    padding: 0px;
    padding-bottom: 10px;
}
.cat-blog .h2, .cat-blog h2 {
    font-size: 1.08rem!important;
}
 #ybc_blog_page .breadcrumb {
    font-size:13px!important;
 }
 }