@media only screen and (min-width: 3200px) { 
  .cover-sidebar-left,
  .cover-sidebar-right {
    bottom: 80px!important;
  }
  #nav-wrapper {
    height: 800px;
  }
  #nav-wrapper .nav-menu li a {
    font-size: 50px;
  }
  .cover-title h1 a {
    font-size: 250%;
    line-height: 120%;
  }
  .owl-item .slide-item {
    height: 900px;
  }
  .post-item .image-part {
    height: 400px;
  }
  .postnav-image,
  .postnav-noimage {
    width: 160px;
    height: 160px;
    border-radius: 100%;
  }
  .post-prev i,
  .post-next i {
    line-height: 160px;
    font-size: 36px;
  }
  .f-width .feat-categ-item.first {
    height: 900px!important;
  }
  .f-width .feat-categ-item {
    height: 287px!important;
  }
  #hidden-sidebar .widgets-side {
    width: 600px;
  }
  .item-related-cover h6 a {
    font-size: 56px;
    line-height: 1.2em;
  }
  .related-date-cover {
    font-size: 24px;
  }
  .post-wide .image-part {
    height: 800px;
  }
  .random-items .random-image {
    height: 300px;
  }
}  

@media only screen and (min-width: 2500px) {
  .magcover {
    min-height: 800px;
  }
  .slide-item {
    height: 700px;
  }
  .item-random:nth-child(3n) {
    display: table;
  }
  .item-random:nth-child(4n) {
    display: table;
  }
  .blog-posts.post-list.one-fr {
    display: grid; 
    grid-template-columns: 1fr 1fr;
  }
  .random-items.three-fr {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 60px 4%;
  }
  .post-list .post-item:nth-child(2n) {
    margin-right: 0;
  }
  .f-width .post-list .post-item,
  .f-width .post-list .post-item:nth-child(2n),
  .f-width .post-wide .post-item,
  .f-width .post-wide .post-item:nth-child(2n) {
    width: 32%;
    margin-right: 2%;
  }
  .f-width .post-list .post-item:nth-child(3n),
  .f-width .post-wide .post-item:nth-child(3n) {
    margin-right: 0;
  }
  .blog-posts.two-fr {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .f-width .post-grid.two-fr {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 60px 3%;
  }
  .f-width .has-sidebar .post-grid.two-fr {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .f-width .has-sidebar .posts-area {
    width: 83.3%;
  }
  .f-width .sidebar.main-sidebar {
    width: 16.7%;
    padding-left: 2%;
  }  
  .f-width .random-image {
    min-height: 400px;
  }
  .f-width .slide-item {
    min-height: 800px;
  }
  .cover-title h1 a {
    font-size: 160%;
    line-height: 120%;
  }
  .cover-widgets .widget,
  .cover-widgets .widget.widget_widget_banner {
    margin-top:  60px;
  }
  .feat-categ-item.first {
    height: 700px!important;
  }
  .feat-categ-item {
    height: 220px!important;
  }
  .f-width .feat-categ-item.first {
    height: 600px;
  }
  .f-width .feat-categ-item {
    height: 187px;
  }
  #hidden-sidebar .widgets-side {
    width: 400px;
  }
  .item-related .related-image {
    height: 400px;
  }
}

 @media only screen and (max-width: 1280px) {
  .magheader {
    padding: 0 3%;
  }
  #cover-header {
    padding: 20px 3%;
  }
  #content-header,
  .f-width #content-header {
    padding: 0;
  }
  .menu-logo {
    margin-left: calc(5% + 55px);
  }
  .single-post .f-width #main-area, 
  .page .f-width #main-area {
    padding: 100px 5% 0;
  }
  .has-sidebar .posts-area,
  .has-sidebar .post-entry,
  .single-post .f-width .has-sidebar .post-entry {
    width: 100%;
  }
  .sidebar.main-sidebar {
    width: 100%;
    padding-left: 0;
  }
  .sidebar-container {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .f-width .sidebar.main-sidebar {
    padding-left: 3%;
  }
  .main-sidebar .widget.widget_category {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  .main-sidebar .widget.widget_category:nth-child(2n) {
    margin-right: 0;
  }
  .f-width .main-sidebar .widget.widget_category {
    width: 100%;
  }
  .f-width .sidebar.main-sidebar {
    padding-left: 3%;
  }
  .f-width .sidebar-container {
    padding-top: 0;
    padding-bottom: 140px;
  }
  .f-width .widget_category {
    width: 100%;
  }  
  .main-sidebar .widget .image-banner {
    width: 50%;
  }
  .f-width .main-sidebar .widget .image-banner {
    width: 100%;
  }
  .post-list .image-part {
    height: 300px;
  }
  .post-item .no-image .list-date {
    overflow: hidden;
    top: 480px;
    width: 460px;
    height: 35px;
  }
  .post-item .no-image .list-date div {
    line-height: 35px;
  }
  .grid-no-image .content-part,
  .list-no-image .content-part {
    padding: 20px 50px 20px 60px;
  }
  .grid-no-image .list-date {
    top: 480px;
    width: 460px;
  }
  .cover-title h1  {
    line-height: .5em;
  }
  .cover-title h1 a {
    font-size: 65%;
  }
  .prev-post-title,
  .next-post-title {
    width: 120px;
  }
  .item-related h6 a {
    font-size: 22px;
  }
  .slide-title {
    width: 100%;
 }
}

@media only screen and (max-width: 1024px) {
  .cover-logo {
    padding: 0 20px;
  }  
}

@media only screen and (max-width: 960px) {
  .magheader {
    padding: 0 3%;
  }
  .f-width .magheader {
    right: 0;
  }
  .menu-logo {
    margin-left: calc(3% + 52px);
  }
  .f-width #site-header {
    width: 100%;
    padding: 20px 3%;
  }
  .f-width.nav-open .nav-panel {
    transition-delay: .0s !important;
  }
  .f-width.nav-open #main-area {
    margin-left: 0;
  }
  .nav-open #content-header {
    display: none;
  }
  .magheader.nav-open #content-header {
    opacity: 0;
  }
  #hidden-sidebar a.close-button {
    right: 4%;
  }
  .single-post .f-width.nav-open #main-area,
  .page .f-width.nav-open #main-area {
    padding: 100px 3% 0;
  }
  .magcover {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    width: 100%;
    min-height: 800px;
  }
  .nav-open #cover-header {
    padding: 20px 3%;
    position: fixed;
  }
  .magcover .fold-shadow-left {
    display: none;
  }
  .header-icon {
    margin-left: 0;
  }
  .header-icon.cart,
  .header-social-links {
    display: none;
  }
  .fold-shadow, 
  .fold-shadow-right,
  .fold-shadow {
    display: none;
  }
  .magcover .container {
    width: 100%;
  }
  .single-post .cover-content,
  .page .cover-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .cover-title h1  {
    line-height: 1em;
  }
  .cover-title h1 a {
    font-size: 100%;
  }
  .video-control {
    top: 75px;
    right: 2.5%;
  }
  .magcontent {
    margin-left: 0;
    width: 100%;
  }
  .magcontent .container {
    width: 94%;
    margin-top: 60px;
  }
  .intro-line {
    width: 100%;
  }
  .blog-posts {
    margin-right: 0;
  }
  .blog-posts.two-fr,
  .f-width .blog-posts.two-fr,
  .f-width .has-sidebar .blog-posts.two-fr {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 4%;
  }
  .single-post .f-width #main-area, 
  .page .f-width #main-area {
    padding: 100px 3% 0;
  }
  .home #main-area,
  .single #main-area,
  .page #main-area,
  .category #main-area {
    padding: 30px 3%;
  }
  .home .f-width #main-area {
    padding: 100px 3% 0;
  }
  .page .f-width .has-sidebar .post-entry {
    width: 100%;
  }
  .single-post .f-width .post-entry,
  #main-area.has-sidebar .post-entry,
  .page .f-width .post-entry {
    width: 100%;
  }
  .archive .container,
  .page .container {
    position: inherit;
  }
  .has-sidebar .posts-area,
  .sidebar.main-sidebar {
    width: 100%;
  }
  .pagination {
    margin-top: 0;
    text-align: center;
  }
  .sidebar.main-sidebar {
    margin-top: 30px;
  }
  .post-container {
    overflow: hidden;
  }
  .post-item .image-part,
  .post-list .image-part {
    width: 100%;
    height: 300px;
  }
  .no-image .post-meta {
    display: inline-block;
    overflow: visible;
  }
  .post-item .content-part {
    margin-top: 0;
  }
  .post-title, 
  .post-title a {
    font-size: 27px;
  }
  .grid-no-image {
    height: auto;
  }
  .post-entry.has-sidebar {
    width: 100%;
  }
  .sidebar-container {
    position: relative;
  }
  .footer-social-links a span {
    display: none;
  }
  .footer-social-links a {
    margin: 0 10px;
  }
  .searchform-overlay .searchform {
    font-size: 13.33px;
  }
  .searchform-overlay .search-field {
    padding: 10px;
    font-size: 18px;
  }
  .searchform-overlay .search-button {
    right: 0;
    bottom: 0;
    height: 40px;
    font-size: 20px;
  }
  .nothing-found {
    width: 100%;
  }
  .f-width .category-box {
    margin-top: 40px;
  }
  .f-width .has-sidebar .posts-area {
    width: 100%;
  }
  .f-width .sidebar.main-sidebar {
    width: 50%;
  }
  .f-width .blog-posts .post-item,
  .f-width .has-sidebar .posts-area .blog-posts .post-item {
    position: relative;
  }
  .f-width .post-list .post-item,
  .f-width .has-sidebar .posts-area .blog-posts.post-list .post-item {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .f-width .sidebar.main-sidebar {
    padding-left: 0;
  }
  .f-width .sidebar-container {
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .f-width .main-sidebar .widget.widget_category {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  .f-width .main-sidebar .widget.widget_category:nth-child(2n) {
    margin-right: 0;
  }
  .f-width .wp-block-image.alignwide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .post-content .alignfull,
  .f-width .has-sidebar .post-content .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-1 * ((100vw - 100% - 0px + 0px) / 2));
    margin-right: calc(-1 * ((100vw - 100% - 0px + 0px) / 2));
  }
  .post-content .alignwide,
  .f-width .post-content .alignwide {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .f-width .top-menu-button {
    left: 0;
  }
  .f-width.nav-open .top-menu-button {
    left: 3%;
  }
  .cover-sidebar-left,
  .cover-sidebar-right {
    bottom: 20px;
  }
  .cover-descr {
    bottom: 90px;
  }
  .magcontent {
    position: inherit;
  }
  .slide-title, 
  .slide-title h2 a {
    font-size: 37px;
  }
  .postnav-image,
  .postnav-noimage {
    width: 40px;
    height: 40px;
  }
  .post-next i,
  .post-prev i {
    left: 13px;
    line-height: 40px;
  } 
  .prev-post-title {
    width: 100px;
    padding-top: 7px;
    padding-left: 7px;
  }
  .next-post-title {
    width: 100px;
    padding-top: 7px;
    padding-right: 7px;
  }
  #post-navigation h6 {
    display: none;
  }
  .navprev::after {
    top: 0;
    left: 15px;
  }
  .navnext::after {
    top: 0;
    left: 15px;
  }
  .comment-form-group {
    grid-template-columns: 1fr;
  }
  .wp-block-media-text {
    display: block!important;
  }
  .wp-block-media-text .wp-block-media-text__content {
    padding: 0!important;
  }
  .random-items.three-fr {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 4%;
  }
  .random-posts .item-random:last-child {
    display: block;
  }
  .random-posts.overlayed .item-random:last-child {
    display: table;
  }
  .overlayed .item-random {
    height: 250px;
  }
  .nothing-found h1 {
    font-size: 12em;
  }
  .field-half {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  #nav-wrapper {
    height: 400px;
    padding-left: 40px;
  }
  #nav-wrapper .simplebar-track.simplebar-vertical {
    left: 20px;
  }
  #nav-wrapper .nav-menu li a,
  #nav-wrapper .sub-menu a {
    font-size: 22px !important;
  }
  .magcontent .container {
    margin-top: 40px;
  }
  .magcover {
    height: 600px;
    min-height: 600px;
  }
  .magcover .post-navigation {
    bottom: 30px!important
  }
  .cover-sidebar-left,
  .cover-sidebar-right {
    bottom: 40px;
  }
  .cover-widgets .widget {
    margin-top: 32px;
  }
  .cover-title h1  {
    line-height: .5em;
  }
  .cover-title h1 a {
    font-size: 60%;
  }
  .cover-descr h3 {
    font-size: 1.2em;
  }
  #main-area {
    margin-bottom: 30px;
  }
  #content {
    padding: 0;
  }
  .show-search .search-form {
    width: 255px;
  }
  .category-box h1 {
    padding-left: 10px;
    font-size: 31px;
  }
  .category-descr {
    width: 60%;
    bottom: 30px!important;
  }
  .category-descr p {
    font-size:  18px;
    padding-right: 15px;
    border-right: 4px solid #fff;
  }
  .posts-area .post-item,
  .f-width .posts-area .post-item,
  .f-width .has-sidebar .posts-area .blog-posts .post-item,
  .f-width .posts-area .post-item:nth-child(3n),
  .f-width .has-sidebar .posts-area .post-item:nth-child(3n) {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .the-content {
    display: block;
  }  
  .feat-categ-item .the-content {
    display: table-cell;
  }
  .post-meta {
    height: auto;
  }
  .post-meta::after {
    top: 60%;
  }
  .blog-posts .image-part {
    height: 300px!important;
    margin-right: auto;
    margin-left: auto;
  }
  .post-wide .post-item .image-part {
    width: 100%;
    min-height: 400px;
}
  .no-image .post-meta::before,
  .post-list:nth-child(3n) .post-meta::before {
    width: 10%;
  }
  .no-image .post-meta::after,
  .post-list:nth-child(3n) .post-meta::after {
    width: 10%;
  }
  .post-entry h1, .post-entry .entry-title {
    font-size: 37px;
  }
  .post-list .post-item .image-part,
  .post-list .post-item .content-part {
    display: block;
    width: 100%;
    padding: 0;
  }
  .post-list .post-image,
  .post-item .post-image {
    width: 100%;
    height: auto;
  }
  .post-list .post-image img {
    width: 100%;
    height: auto;
  }
  .blog-posts.two-fr,
  .f-width .blog-posts.two-fr,
  .f-width .has-sidebar .blog-posts.two-fr {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .feat-categ-item {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
  }
  .item-related {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .item-related .related-image {
    height: 300px;
  }
  .sidebar {
    padding: 0;
  }
  .sidebar-container {
    padding-top: 20px;
  }
  .f-width .main-sidebar .widget.widget_category,
  .main-sidebar .widget.widget_category {
    width: 100%;
    margin-right: 0;
  }
  .error-page h1,
  .error-page p {
    text-align: center;
  }
  .nothing-found h1 {
    font-size: 8em;
  }
  .sidebar .widget .image-banner {
    width: 100%;
  }
  .social-share-cover {
    bottom: -10px!important;
    padding: 0;
    transform: rotate(-90deg);
    transform-origin: top left;
  }
  .social-share-cover .post-share {
    margin-top: 10px;
  }
  .f-width .sidebar.main-sidebar {
    width: 100%;
  }
}

@media only screen and (max-width: 414px) {
  .magcover,
  .nav-open .cover-wrap {
    height: calc(100vh - 56px);
    max-height: 736px;
    min-height: 480px;
  }
  .cover-sidebar-left {
    left: 2%;
    width: 40%;
  }
  .cover-sidebar-right {
    right: 2%;
    width: 40%;
  }
  .item-related-cover {
    width: 100%;
    margin: 0;
  }
  .item-related-cover h6 a {
    font-size: 17px;
  }
  .post-content .wp-block-cover.alignright,
  .post-content .wp-block-cover.alignleft {
    max-width: 100%;
  }
  .sidebar {
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  .cover-title h1 a {
    font-size: 60%;
  }
  .cover-widgets .widget.widget_widget_banner {
    margin-top: 20px;
  }
  .cover-title h1 a {
    font-size: 45%;
    line-height: .3em;
  }
  .slide-text {
    padding: 0 15px;
  }
  #hidden-sidebar .widgets-side {
    width: 320px;
  }
  .blog-posts .image-part {
    height: 250px!important;
    margin-right: auto;
    margin-left: auto;
  }
  .post-categs-box {
    margin-top: -43px;
  }
  .prev-post-title h6,
  .next-post-title h6 {
    display: none;
  }
  #hidden-sidebar .widgets-side {
   width: 320px;
  } 
}

@media only screen and (max-width: 320px) {
  .magcover {
    min-height: 480px;
  }  
  .slide-item {
    height: 400px;
  }
}

@media only screen and (max-height: 750px) {
  #nav-wrapper {height: 450px;}
}
@media only screen and (max-height: 600px) {
  #nav-wrapper {height: 400px;}
}
@media only screen and (max-height: 500px) {
  #nav-wrapper {height: 300px;}
}
@media only screen and (max-height: 450px) {
  #nav-wrapper {height: 250px;}
}  
@media only screen and (max-height: 400px) {
  #nav-wrapper {height: 200px;}
}  
@media only screen and (max-height: 400px) {
  #nav-wrapper {height: 150px; margin-top: 100px;}
}