@media screen and (max-width: 1580px) {
    
}
@media screen and (max-width: 1366px) {
    
}
@media screen and (max-width: 1280px) {
    .wrapBlockInn {width: 80%;}
    .wrapBfolioPost {padding: 0 15%;}
    .bfVerbInfo {padding: 2em 20% 0;}
}
@media screen and (max-width: 1024px) {
   .wrapBfolioPost {padding: 0 10%;}
   .wrapSubTitle {max-width: 100%;}
   .itemExpCnt {float: none;width: 100%;}
   .itemBlockOdd .itemThumbImg {margin: 0 35px 15px 0;}
   .itemBlockEven .itemThumbImg {margin: 0 0 15px 35px;}
   .itemBlockOdd .itemExpCnt {padding: 0;}
   .itemBlockEven .itemExpCnt {padding: 0;}
   .bfVerbInfo {padding: 2em 15% 0;}
}
@media screen and (max-width: 980px) {
    .bfIdInfo {padding: 0 10%;}
}
@media screen and (max-width: 860px) {
    
}
@media screen and (max-width: 768px) {
    .bfEntryInfo {display:block;width: 100%;}
    .bfEntryAdd {display:block;width: 100%;}
    .wrapBfolioPost {padding: 0 5%;}
    .bfEntryAdd {overflow: hidden;}
    .subaddcnt {width: 50%;float: left;}
    .externalSite {width: 50%;float: left;margin: 0;}
    .post-navigation .nav-links .nav-previous a span.screen-reader-text, .post-navigation .nav-links .nav-next a span.screen-reader-text {display: inline;}
    .post-navigation .nav-links .nav-previous a span.nav-title, .post-navigation .nav-links .nav-next a span.nav-title {display: none;}
    .capItemImg {width: 60%;}
    .randThumbBlock {display: block;width: 100%;margin-bottom: 40px;}
    .bfVerbInfo {padding: 1em 10% 0;}
    .itemThumbImg {width: 45%;}
}
@media screen and (max-width: 660px) {
   .bfIdInfo {padding: 0 5%;}
   .itemThumbImg {width: 100%;margin: 0 0 15px;}
   .itemListSep {padding: 50px 0;}
}
@media screen and (max-width: 570px) {
    .itemListSep {padding: 40px 0;}
}
@media screen and (max-width: 460px) {
    html, body {overflow-y: auto;}
    .overlay #logo {display: none;}
}
@media screen and (max-width: 350px) {
    
}