@media only screen {
  .blog-top {
    background-color: #2b2b2b;
  }
  .blog-top.bg-gradient {
    background: transparent;
    background: -moz-linear-gradient(180deg, #525151, #2b2b2b 70%);
    background: -webkit-gradient(180deg, #525151, #2b2b2b 70%);
    background: -webkit-linear-gradient(180deg, #525151, #2b2b2b 70%);
    background: -o-linear-gradient(180deg, #525151, #2b2b2b 70%);
    background: -ms-linear-gradient(180deg, #525151, #2b2b2b 70%);
    background: linear-gradient(180deg, #525151, #2b2b2b 70%);
  }
  .blog-top .wrap-row1 {
    position: relative;
    padding: 4vw 0 2.5vw 0;
  }
  .blog-top .pg-title,
  .blog-top .pg-subtitle {
    color: #f6f6f6;
  }
  .blog-top .pg-title {
    text-transform: uppercase;
    font-size: 1.25vw;
    line-height: 2.2vw;
    font-weight: 400;
    margin-bottom: 5px;
  }
  .home .blog-top .pg-title, .archive .blog-top .pg-title {
    padding-left: 0.5vw;
  }
  .blog-top .pg-subtitle {
    font-size: 4vw;
    line-height: 4vw;
    font-weight: 500;
    max-width: 74%;
  }
  .blog-top .wrap-social {
    position: absolute;
    left: 0;
    top: 5vw;
    padding: 0 24px;
  }
  .blog-top .wrap-row2 {
    background-color: #3e3e3e;
    padding: 0.2vw 0;
  }
  .single-post .blog-top .wrap-row2 {
    background-color: #363636;
  }
  .blog-top .btn-mobile-show-cats {
    display: none;
    background: transparent;
    border: none;
    padding: 1.5vw 2.5vw;
    cursor: pointer;
    color: #f6f6f6;
    text-transform: uppercase;
    align-items: center;
  }
  .blog-top .btn-mobile-show-cats .ico-menu {
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    background-position: -114px 10px;
  }
  .nav-categories {
    position: relative;
  }
  .nav-categories .cat-link {
    color: #f6f6f6;
  }
  .nav-categories .cat-link:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .blog .nav-categories,
  .archive .nav-categories {
    display: flex;
    align-items: center;
  }
  .nav-categories .cats-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .nav-categories .cats-list > .cat-item {
    padding: 1rem;
  }
  .nav-categories .cats-list .cat-item {
    display: block;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
  }
  .nav-categories .cats-list .cat-item:focus-within a {
    outline: none;
  }
  .nav-categories .cats-list .cat-item:hover {
    cursor: pointer;
    background-color: #363636;
  }
  .nav-categories .cats-list .cat-item a {
    color: #f6f6f6;
  }
  .nav-categories .cats-list .cat-item.has-children > a:after {
    font-family: 'Arrow crafter', sans-serif;
    color: #f6f6f6;
    content: "A";
    font-size: 11px;
    line-height: 2px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 5px;
  }
  .nav-categories .cats-list .cat-item .children {
    visibility: hidden;
    display: none;
    margin: 1rem 0 0 0;
    padding-left: 0;
    padding-bottom: 15px;
    left: 0;
    background-color: #363636;
    width: 250%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .nav-categories .cats-list .cat-item .children .cat-item {
    clear: both;
    width: 100%;
  }
  .nav-categories .cats-list .cat-item .children .cat-item.current-cat > a {
    text-decoration: line-through;
    pointer-events: none;
    cursor: default;
  }
  .nav-categories .cats-list .cat-item .children .cat-item a {
    padding: .4rem 1rem;
    display: block;
  }
  .nav-categories .cats-list .cat-item .children .cat-item a:hover {
    background-color: #2f2f2f;
  }
  .nav-categories .cats-list .label-prev {
    display: none;
  }
  .blog-main {
    background: #f6f6f6;
    position: relative;
  }
  .blog-main .current-cat-info {
    border-bottom: 2px solid #CCC;
    padding: 3.5vw 0 0.5vw 0;
  }
  .blog-main .current-cat-info .c-name {
    font-size: 3vw;
    font-weight: 500;
    margin-bottom: 3px;
  }
  .blog-main .current-cat-info .c-count {
    font-size: 0.8125vw;
    color: #666;
    font-family: "Montserrat", "Arial", sans-serif;
    margin-top: 0;
    padding-right: 4px;
    padding-bottom: 8px;
  }
  .blog-main .list-row {
    padding-top: 5vw;
  }
  .blog-main .meta {
    font-size: 0.8125em;
    margin-bottom: .6208333333vw;
  }
  .blog-main .meta .author {
    font-weight: 500;
  }
  .blog-main .post-item {
    position: relative;
    padding: 1.5vw 0;
    border-bottom: 1px solid #CCC;
  }
  .blog-main .post-item:first-child {
    padding-top: 0;
  }
  .blog-main .post-item .post-text .title {
    margin: 0 0 .7208333333vw;
  }
  .blog-main .post-item .post-text .title .link {
    letter-spacing: -0.06vw;
    color: #2b2b2b;
    font-weight: 500;
  }
  .blog-main .post-item .post-text .title .link:hover {
    color: #666;
  }
  .blog-main .post-item .post-text .meta {
    font-size: 0.8125em;
    color: #2b2b2b;
    margin-bottom: .6208333333vw;
  }
  .blog-main .post-item .post-text .meta .author {
    font-weight: 500;
  }
  .blog-main .post-item .post-text .resume a,
  .blog-main .post-item .post-text .resume p a {
    font-size: 1vw;
    line-height: 1.15vw;
    color: #666;
    margin-bottom: 0;
  }
  .blog-main .post-item .post-text .resume {
    max-height: 5.9520833331vw;
    overflow: hidden;
    position: relative;
  }
  .blog-main .posts-list .post-item .post-text {
    padding: 0 30px;
  }
  .blog-main .posts-list .post-item .post-text .title {
    font-size: 2vw;
    line-height: 2vw;
  }
  .blog-main .pop-posts-list .post-item:nth-child(2) {
    padding-top: 0;
  }
  .blog-main .pop-posts-list .post-item .post-text {
    padding: 0 0.7vw;
  }
  .blog-main .pop-posts-list .post-item .meta,
  .blog-main .pop-posts-list .post-item .resume {
    display: none;
  }
  .blog-main .pop-posts-list .post-item .title {
    font-size: 1.2vw;
    line-height: 1.2vw;
  }
  .blog-main .load-more {
    position: relative;
    z-index: 1;
    padding: 2vw 0 5vw 0;
  }
  .blog-main .load-more .end-posts {
    display: none;
  }
  .blog-main .load-more .btnn {
    color: #2b2b2b;
    font-size: 1.7vw;
    line-height: 1.7vw;
    font-weight: 500;
    letter-spacing: .05208333333vw;
    text-transform: uppercase;
    border-bottom: 1px solid #2b2b2b;
    position: relative;
    overflow: hidden;
  }
  .blog-main .load-more .btnn:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "B";
    color: #2b2b2b;
    display: block;
    font-family: 'Arrow crafter', sans-serif;
    font-size: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin-right: -12px;
    margin-top: 0;
    height: 30px;
    opacity: 0;
    -webkit-animation: leave 0.5s linear infinite;
    -moz-animation: leave 0.5s linear infinite;
    -ms-animation: leave 0.5s linear infinite;
    -o-animation: leave 0.5s linear infinite;
    animation: leave 0.5s linear infinite;
  }
  .blog-main .load-more .btnn.on {
    border-bottom-color: transparent;
  }
  .blog-main .load-more .btnn.on:after {
    -webkit-animation: toher 1s linear infinite;
    -moz-animation: toher 1s linear infinite;
    -ms-animation: toher 1s linear infinite;
    -o-animation: toher 1s linear infinite;
    animation: toher 1s linear infinite;
    animation-fill-mode: initial;
  }
  .blog-main .load-more.loading {
    background: transparent url("../../img/loading.gif") no-repeat center center;
  }
  .blog-main .load-more.loading .btnn {
    display: none;
  }
  .blog-main .load-more.disabled .end-posts {
    display: block;
  }
  .blog-main .load-more.disabled .btnn {
    display: none;
  }
  @-webkit-keyframes toher {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    50% {
      margin-top: 10px;
      opacity: 1;
    }
    100% {
      margin-top: 20px;
      opacity: 0;
    }
  }
  @-moz-keyframes toher {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    50% {
      margin-top: 10px;
      opacity: 1;
    }
    100% {
      margin-top: 20px;
      opacity: 0;
    }
  }
  @-ms-keyframes toher {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    50% {
      margin-top: 10px;
      opacity: 1;
    }
    100% {
      margin-top: 20px;
      opacity: 0;
    }
  }
  @-o-keyframes toher {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    50% {
      margin-top: 10px;
      opacity: 1;
    }
    100% {
      margin-top: 20px;
      opacity: 0;
    }
  }
  @keyframes toher {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    50% {
      margin-top: 10px;
      opacity: 1;
    }
    100% {
      margin-top: 20px;
      opacity: 0;
    }
  }
  @-webkit-keyframes leave {
    margin-top: 0;
    opacity: 0;
  }
  @-moz-keyframes leave {
    margin-top: 0;
    opacity: 0;
  }
  @-ms-keyframes leave {
    margin-top: 0;
    opacity: 0;
  }
  @-o-keyframes leave {
    margin-top: 0;
    opacity: 0;
  }
  @keyframes leave {
    margin-top: 0;
    opacity: 0;
  }
  .single-post .bg-opac {
    margin-top: 0;
  }
  .single-post .blog-top {
    height: auto;
    padding-bottom: 3vw;
  }
  .single-post .blog-top .pg-title {
    position: relative;
    z-index: 1;
  }
  .single-post .blog-top .meta {
    color: #f6f6f6;
  }
  .single-post .blog-top .meta .avatar {
    margin-bottom: -5px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  .single-post .nav-categories .label-prev {
    display: block;
    text-transform: uppercase;
    color: #f6f6f6;
    padding-right: 0.5rem;
    padding-left: 0;
  }
  .single-post .nav-categories .label-prev:hover {
    cursor: default;
  }
  .single-post .nav-categories .label-prev:after {
    content: "|";
    display: inline-block;
    padding-left: 1rem;
  }
  .single-post .entry-header .post-categories {
    margin-bottom: 10px;
  }
  .single-post .entry-header .post-categories .cat-link {
    display: inline-block;
    height: 2.20833333316vw;
    padding: 0.6145833332300001vw;
    font-size: 0.791666666200001vw;
    line-height: 0.791666666200001vw;
    letter-spacing: .0750833333316vw;
    text-transform: uppercase;
    background-color: transparent;
    color: #999;
    text-align: center;
    border: 1px solid #666;
  }
  .single-post .entry-header .post-categories .cat-link:hover {
    border-color: #999;
  }
  .single-post .content {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .single-post .content .entry-content h2 {
    font-size: 1.8vw;
    line-height: 2.4vw;
    font-weight: 500;
    margin-top: 2.34374999985vw;
  }
  .single-post .content .entry-content h3 {
    font-size: 1.65vw;
    line-height: 2vw;
    font-weight: 500;
    margin-top: 2.34374999985vw;
  }
  .single-post .content .entry-content h4, .single-post .content .entry-content h5 {
    font-size: 1.5vw;
    line-height: 1.9vw;
    font-weight: 500;
    margin-top: 2.34374999985vw;
  }
  .single-post .content .entry-content figure {
    margin: 2.34374999985vw 0;
  }
  .single-post .post-author {
    padding-top: 1vw;
    margin: 4vw 0 2vw 0;
    border-top: 1px solid #bbb;
  }
  .single-post .post-author .wrap-photo {
    width: 90px;
    padding: 5px;
    margin-left: 0.5vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #ddd;
  }
  .single-post .post-author .wrap-photo, .single-post .post-author .photo, .single-post .post-author .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
  }
  .single-post .post-author .name {
    margin-top: 10px;
    margin-bottom: 8px;
    color: #2b2b2b;
    font-weight: 500;
  }
  .single-post .post-author .description {
    color: #666;
    line-height: 1.4;
    font-size: 1em;
  }
  .single-post .box-comments {
    padding-top: 3vw;
    border-top: 1px solid #bbb;
  }
  .single-post .box-comments .comment-reply-title {
    text-transform: uppercase;
    font-family: "Montserrat", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 1vw 0 1.5vw 0;
  }
  .single-post .box-comments .comment-form-comment {
    margin-bottom: 0;
  }
  .single-post .box-comments .form-field {
    margin-bottom: 5px;
  }
  .single-post .box-comments .form-field > input {
    margin-bottom: 5px;
  }
  .lb-search {
    font-size: 2vw;
    letter-spacing: -0.05vw;
  }
}
@media only screen and (max-width: 580px) {
  .posts-list .post-item .read-time {
    display: block;
    padding: 2px;
  }
  .single-post .blog-top .meta .read-time {
    display: block;
    padding: 4px 2px 0 32px;
  }
  .single-post .blog-top .meta .avatar {
    margin-bottom: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-top {
    overflow: hidden;
  }
  .blog-top .wrap-row2 > .wrap-nav-cats {
    padding: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
  }
  .blog-top .wrap-row2 > .wrap-nav-cats.showing {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
  }
  .blog-top .wrap-row2 .btn-mobile-show-cats {
    display: flex;
  }
  .nav-categories .wrap-slider {
    padding: 2vw 0;
  }
  .nav-categories .cats-list {
    width: 100%;
  }
  .nav-categories .cats-list .cat-item.has-children > a:after {
    margin-left: 10px;
  }
  .nav-categories .cats-list .cat-item.opened {
    background-color: #363636;
  }
  .nav-categories .cats-list .cat-item.opened > a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 5px;
  }
  .nav-categories .cats-list .cat-item.opened .children {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
  }
  .blog-top .wrap-social {
    display: none;
  }
  .blog-top .wrap-row1 {
    padding: 8vw 2vw;
  }
  .blog-top .pg-title {
    font-size: 0.8em;
    padding: 2vw;
  }
  .blog-top .pg-subtitle {
    font-size: 2em;
    line-height: 1.1;
    max-width: none;
  }
  .blog-top .meta {
    font-size: 13px;
  }
  .single-post .entry-header .post-categories .cat-link {
    font-size: 12px;
    height: auto;
    padding: 8px;
  }
  .single-post .nav-categories .label-prev {
    display: none;
  }
  .single-post .content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .single-post .post-author {
    padding: 5% 0;
  }
  .single-post .post-author .wrap-photo {
    margin: 0 auto 0;
    max-width: 60px;
    border-width: 2px;
  }
  .single-post .post-author .bio {
    padding: 0 10%;
    text-align: center;
  }
  .single-post .post-author .bio .name {
    font-size: 15px;
  }
  .single-post .box-comments .form-field textarea {
    margin-bottom: 5px;
  }
  .single-post .box-comments .comment-reply-title {
    margin: 6vw 0;
  }
  .blog-main .posts-list .post-item {
    margin-left: auto;
    margin-right: auto;
  }
  .blog-main .posts-list .post-item .post-thumb {
    padding: 3.55208333vw 0 0 3.55208333vw;
  }
  .blog-main .posts-list .post-item .post-thumb img {
    display: block;
  }
  .blog-main .posts-list .post-item .post-text {
    padding: 3.55208333vw;
  }
  .blog-main .posts-list .post-item .post-text .title {
    font-size: 1.5em;
    line-height: 1.1;
    margin-bottom: 10px;
  }
  .blog-main .posts-list .post-item .post-text .meta {
    margin-bottom: 14px;
  }
  .blog-main .posts-list .post-item .post-text .resume,
  .blog-main .posts-list .post-item .post-text .resume p,
  .blog-main .posts-list .post-item .post-text .resume .link {
    font-size: 1em;
    line-height: 1.2;
    max-height: none;
  }
  .blog-main .pop-posts-list .post-item {
    padding: 4vw 0;
  }
  .blog-main .pop-posts-list .post-item .title {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 5px;
  }
  .blog-main .load-more {
    padding: 6vw 0 10vw 0;
  }
  .blog-main .load-more .btnn {
    font-size: 1em;
  }
  .blog-main .current-cat-info {
    padding-top: 8vw;
  }
  .blog-main .current-cat-info .c-name {
    font-size: 2em;
    line-height: 1.1;
    padding-left: 2vw;
  }
  .blog-main .current-cat-info .c-count {
    font-size: 0.8em;
    padding: 2vw;
  }
  .blog-main .lb-search {
    font-size: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .blog-main .post-item .post-text .resume,
  .blog-main .post-item .post-text .resume p,
  .blog-main .post-item .post-text .resume .link {
    font-size: 0.8825em;
    line-height: 1.2;
    max-height: none;
  }
}
@media only screen and (max-width: 992px) {
  .single-post .content .title {
    font-size: 26px;
    line-height: 1.2;
  }
  .single-post .content .entry-content h2 {
    font-size: 23px;
    line-height: 1.2;
  }
  .single-post .content .entry-content h3 {
    font-size: 21px;
    line-height: 1.2;
  }
  .single-post .content .entry-content h4, .single-post .content .entry-content h5 {
    font-size: 17px;
    text-transform: uppercase;
    line-height: 1.2;
  }
  .single-post .post-author .description {
    line-height: 1.3;
    font-size: 13px;
  }
}
@media only screen and (max-width: 1200px) {
  .single-post .nav-categories .ct-label,
  .single-post .social-share .sh-label {
    font-size: 9px;
    line-height: 9px;
  }
}
@media only screen and (min-width: 768px) {
  .nav-categories .cats-list .cat-item {
    float: left;
  }
  .nav-categories .cats-list .cat-item.has-children > a {
    pointer-events: none;
  }
  .nav-categories .cats-list .cat-item.has-children > a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .nav-categories .cats-list .cat-item .children {
    position: absolute;
  }
  .nav-categories .cats-list .cat-item:hover > .children,
  .nav-categories .cats-list .cat-item:focus-within > .children,
  .nav-categories .cats-list .cat-item .children:hover,
  .nav-categories .cats-list .cat-item .children:focus {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
    z-index: 99;
  }
}