@charset "UTF-8";/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1439px) {
    .container { max-width: 1140px; }

    nav { margin-bottom: 40px; }

    .subscribe nav { margin-bottom: 40px; }

    .items > .item:nth-child(16n+1) { width: 70%; }
    .items > .item:nth-child(16n+7) .item-title { font-weight: 600;  font-size: 24px; line-height: 36px; }
    .items > .item:nth-child(16n+1) .item-title { font-size: 24px; line-height: 36px; }
    .items > .item:nth-child(16n+11) .item-title, .items > .item:nth-child(16n+12) .item-title { font-size: 24px; line-height: 36px; }

    .items .main-item-wr { width: 30%; }

    .blog-articles .items > .item .item-image img { height: auto; object-fit: unset; }

    .view-article div#content { padding-bottom: 0px; }

    .article-details .article-content { max-width: 715px }

    .about-journal h1 { margin-bottom: 24px; }


}

@media only screen and (max-width : 1200px) {
    .container { max-width: 1140px; }

    header .socials > ul > li > a { margin: 0 0 0 15px; }

    #right-col { max-width: 298px; padding-left: 15px;}
    #right-col .latest-news .news-item .news-image {  display: none; }
    #right-col .latest-news .news-item .news-title { padding-left: 0px; }

    .article-details { justify-content: space-between; }
    .article-details .article-content { width: 69%; max-width: 820px; }

    .archive h1 { font-size: 32px; }

    .items > .item .item-image img,  .items > .item:nth-child(16n+11) .item-image img, .items > .item:nth-child(16n+12) .item-image img { height: auto; object-fit: unset; }


    .items > .item:nth-child(16n+4) .item-image img, .items > .item:nth-child(16n+5) .item-image img, .items > .item:nth-child(16n+6) .item-image img, .items > .item:nth-child(16n+14) .item-image img, .items > .item:nth-child(16n+15) .item-image img, .items > .item:nth-child(16n+16) .item-image img {height: auto;}


}

@media only screen and (max-width : 1047px) {
    header a.logo {font-size: 56px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
    .container { max-width: 976px;}

    .items > .item:nth-child(16n+1) .item-image {height: auto;}
    .items > .item:nth-child(16n+1) .item-image img { height: auto; object-fit: unset; }
    .items .main-item-wr > .item { height: auto; }

    .items > .item:nth-child(16n+11) .item-title, .items > .item:nth-child(16n+12) .item-title { font-size: 20px; line-height: 32px; }
    .items > .item > .item-wr, .items .main-item-wr > .item > .item-wr { }


    .items > .item:nth-child(16n+7) .item-title { font-size: 24px; line-height: 36px; }

    body > header .socials { display: none; }
    body > nav { display: none !important; margin-bottom: 40px; }
    body .top-banner { margin-top: 24px; }

    body.scroll-off { overflow: hidden; }
    body.menu-open > header { height: auto; top: 0px; position: fixed; z-index: 1; bottom: 0; width: 100%; }
    body.menu-open > header .icon-search { display: none; }
    body.menu-open > header > .container { align-items: start; padding-top: 16px; }
    body.menu-open > header .socials { position: fixed; bottom: 15px; left: calc(50% - 74px); display: flex;}

    .menu-open header .burger .icon-close { font-size: 23px; }
    .menu-open header .burger { margin-top: 10px; }

    nav ul.menu > li > a { font-size: 24px; line-height: 36px; padding-bottom: 4px; }

    nav.open { display: flex !important; z-index: 2; position: fixed; margin-top: 85px; height: calc(100% - 140px); border-bottom: 0px solid #EBEBEB; }
    nav.open > .container { justify-content: center; padding-top: 45px; height: auto; align-items: flex-start; }
    nav.open ul.menu { flex-direction: column; }
    nav.open ul.menu > li { margin-right: 0; }
    nav.open .search { display: none; }


    nav.open-search { display: flex !important; position: absolute; top: 85px; }
    nav.open-search > .container ul.nav { display: none; }
    nav.open-search .open > form { display: block; }
    nav.open-search .open .icon-search { display: none; }
    nav.open-search .open .icon-close { display: block; }

    header { height: 85px; }
    header .burger { display: block; }
    header .burger .icon-menu { font-size: 23px; }
    header a.logo { font-size: 28px; }
    header .logo-wr { flex-direction: column; align-items: center; }
    header .logo-wr .slogan { margin-top: 0px; padding-left: 0; }
    header .slogan ul > li:nth-child(4), header .slogan ul > li:nth-child(2), header .slogan ul > li:nth-child(3) { display: none; }
    header .logo-wr .slogan ul > li:first-child {display: block;}
    header .logo-wr .slogan ul > li:first-child::before {display: none;}
    header .mobile-search { display: block; width: 18px; }
    header .mobile-search .icon-search { font-size: 21px; }

    .items > .item:nth-child(16n+1) { width: 100%; max-width: 992px; height: auto; }
    .items > .item:nth-child(16n+1) .item-title { font-size: 24px; line-height: 36px; }
    .items .main-item-wr { width: 100%; max-width: 992px; }
    .items .main-item-wr > .item { min-height: auto; }
    .item-page > #right-col { display: none; }


    .article-details .article-content { width: 100%; max-width: 992px; }
    .latest-articles .newsflash { flex-direction: column; }
    .latest-articles .newsflash a.news-item { width: 100%; padding: 0 0 16px 0; margin-bottom: 24px;}
    .latest-articles .newsflash .news-item .news-image { margin: 0;  }
    .latest-articles .newsflash .news-item .category-name {  margin: 16px 0 8px 16px; }
    .latest-articles .newsflash .news-item .news-title { margin: 16px 0 8px 16px; }
    .latest-articles .newsflash .news-item .news-title span { height: auto; }

    .journal-buy-modal > ul > li > a { padding: 16px 8px; }

    #full-right-col { min-width: 250px; }

    .blog-articles .items > .item .item-title { font-size: 24px; line-height: 36px; }

    .article-details .category-name { margin-top: 32px; }
    .archive .archive-items > .item { width: 25%; }
    .archive .cat-children { flex-wrap: nowrap; max-height: none; height: auto; }

    .about-journal h1 { margin-top: 32px; font-size: 32px; line-height: 44px; }

    .subscribe .articleBody h2 { font-size: 32px; line-height: 44px; margin-top: 40px; }

    footer > .container { flex-direction: column; max-height: 356px; flex-wrap: wrap; height: 356px;}
    footer .footer-menu { height: 100%; width: 20%; }
    footer .footer-menu > ul {  margin: -15px 0px; }
    footer .footer-menu ul > li { line-height: 2.5; }
    footer .socials { width: 70%; }
    footer .footer-copyright { position: inherit; text-align: left; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .container { max-width: 720px; }

    nav { margin-bottom: 32px; }
    nav ul.menu > li > a { font-size: 20px; line-height: 32px; }

    .items .main-item-wr .item-title {  font-size: 18px; line-height: 28px; }
    .items > .item:nth-child(16n+1) .item-image, .items > .item:nth-child(16n+4) .item-image img, .items > .item:nth-child(16n+4) .item-image img, .items > .item:nth-child(16n+5) .item-image img, .items > .item:nth-child(16n+6) .item-image img, .items > .item:nth-child(16n+14) .item-image img, .items > .item:nth-child(16n+15) .item-image img, .items > .item:nth-child(16n+16) .item-image img { height: auto; }
    .items > .item:nth-child(16n+1) > .item-wr { height: auto; }
    .items > .item:nth-child(16n+4), .items > .item:nth-child(16n+5), .items > .item:nth-child(16n+6), .items > .item:nth-child(16n+8), .items > .item:nth-child(16n+9), .items > .item:nth-child(16n+10), .items > .item:nth-child(16n+14), .items > .item:nth-child(16n+15), .items > .item:nth-child(16n+16), .items > .item:nth-child(16n+11), .items > .item:nth-child(16n+12) { width: 100%; }

    .items > .item:nth-child(16n+1) .category-name { font-size: 14px; line-height: 20px; }
    .items > .item:nth-child(16n+7) .item-title { font-size: 18px; line-height: 28px; }
    .items > .item:nth-child(16n+1) .item-title { font-size: 18px; line-height: 28px; }
    .items > .item:nth-child(16n+11) .item-title, .items > .item:nth-child(16n+12) .item-title { font-size: 20px; line-height: 32px; }

    .items > .item > .item-wr .item-title { font-size: 18px; line-height: 28px; }


    .blog-articles .items > .item { width: 100%; }
    .blog-articles .items > .item .item-title { font-size: 20px; line-height: 32px; }
    .blog-articles .items > .item .item-image img, .blog-articles .items > .item:nth-child(8n+1) .item-image img { height: auto; }

    .article-details .page-header { margin-bottom: 16px; }
    .article-details .page-header h1 { font-size: 28px; line-height: 38px;}
    .article-details .item-image { margin-bottom: 44px; }
    .article-details .category-name { margin-top: 24px; }

    .archive .cat-children { align-items: center; }
    .archive .cat-children > div { width: auto; }
    .archive .cat-children a { font-size: 24px; line-height: 36px; margin-bottom: 32px; }
    .archive h3 { margin: 0; }

    .journal-buy-modal { max-width: 580px; }
    .journal-buy-modal > ul { flex-direction: column; }
    .journal-buy-modal > ul > li { width: 100%; }
    .journal-buy-modal > ul > li > a { padding: 16px 24px; }

    #full-right-col { display: none; }

    .subscribe .articleBody h3 { font-size: 24px; }
    .subscribe .articleBody ul.sub-list { flex-direction: column; }
    .subscribe .articleBody ul.sub-list > li { width: 70%; }

    .about-journal h1 { font-size: 28px; line-height: 38px; }

    footer { padding-top: 10px; padding-bottom: 10px; }
    footer > .container {flex-wrap: nowrap; max-height: 780px; height: 100%;}
    footer > .container > div {padding: 16px 0;}
    footer .footer-menu { width: 100%; min-width: 153px; border-bottom: 1px solid #D6D6D6; border-right: none; padding-bottom: 16px;}
    footer .footer-menu > ul { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 170px; }


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
    .container { max-width: 540px; }

    .items > .item:nth-child(16n+1) .item-image, .items > .item:nth-child(16n+4) .item-image img, .items > .item:nth-child(16n+4) .item-image img, .items > .item:nth-child(16n+5) .item-image img, .items > .item:nth-child(16n+6) .item-image img, .items > .item:nth-child(16n+14) .item-image img, .items > .item:nth-child(16n+15) .item-image img, .items > .item:nth-child(16n+16) .item-image img { height: auto; }

    .items .main-item-wr > .item { min-height: auto; }

    .blog-articles .items > .item .item-title { font-weight: 600; font-size: 18px; line-height: 28px; }

    .latest-articles .newsflash .news-item .news-image img { height: 184px; }

    .archive .archive-items > .item { width: 33.3%; }
    .archive h1 { font-size: 29px; }

    .journal .journal-header { align-items: start; flex-direction: column; }
    .journal .page-header { margin-top: 24px; }

    .journal-buy-modal { padding: 24px 16px; }

    .subscribe .articleBody h2 { font-size: 28px; }
    .subscribe .articleBody ul.sub-list > li { width: auto; }
    .subscribe .articleBody ul.sub-list > li > a { padding: 15px 15px; }

    .about-journal .articleBody p > a {word-wrap: break-word; }


}

@media only screen and (max-width : 480px) {
     .archive .archive-items > .item { width: 50%; }
}

@media only screen and (max-width : 420px) {
     header .logo-wr .slogan ul > li:first-child {display: none;}
     header a.logo {max-width: 300px;padding: 0 15px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .items > .item:nth-child(16n+1) { height: auto; }
    .items > .item:nth-child(16n+11) .item-title, .items > .item:nth-child(16n+12) .item-title { font-size: 18px; line-height: 28px; }
    .blog-articles .items > .item .item-image img, .blog-articles .items > .item:nth-child(8n+1) .item-image img { height: 185px; }


    footer .socials { width: 100%; }
}

/*IE 10+ only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {overflow-x: hidden;}
}

