@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;}

}