/*
Theme Name: Vadim Panov
Theme URI:
Author: Daria Chuzhaikina
Description: Layout for author's page
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: //www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'Magnolia Script';
    /*src: url(fonts/MAGNOLIA_SCRIPT.OTF);*/
    src: url('fonts/MAGNOLIA_SCRIPT.ttf') format('truetype'), url('fonts/MAGNOLIA_SCRIPT.eot'), url('fonts/MAGNOLIA_SCRIPT.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {box-sizing: border-box;}
*
{
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /*IE10*/
    -ms-user-select: none;
    user-select: none;

    /*You just need this if you are only concerned with android and not desktop browsers.*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="text"], textarea, [contenteditable]
{

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

body {
    position: relative;
    width: auto;
    color: #000;
    font-family: 'PT Sans', sans-serif;
    line-height: 18px;
    /*font-size: 1.1rem;*/
}
a {
    text-decoration: none;
    outline: none;
    color: #6d5c43;
    transition: .20s;
}
a:active, a:focus {background: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
a:hover {color:#000;}
img {
    border: none;
    max-width: 100%;
    height: auto;
}

em {font-style: italic;}
p {padding: 5px 0;}

.row {
    max-width: 1208px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

#to_top_scrollup {
    background-color: #e5c683 !important;
}

h2 {
    font-size: 24px;
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
    /*font-family: 'PT Serif', serif;*/
    font-weight: bold;
    text-transform: uppercase;
}

h2:before {
    display: block;
    height: 3px;
    background-color: #e5c682;
    content: " ";
    width: 369px;
    margin: 30px auto 30px auto;
}

h3 a {color: #000;}
h3 a:hover {color: #ac814e;
}

header.entry-header {display: none;}
footer.entry-footer {display: none;}

.grid-nav-bottom {text-align: center;}
a.prev.page-numbers {display: none;}
a.next.page-numbers {display: none;}
.pagination a, .pagination span {
    float: left;
    transition: background-color .3s;
    margin-left: -1px;
}

#post-grid-81 .item .layer-media img {transition: .35s;
  /*margin-top: -40px;*/
}
#post-grid-81 .item .layer-media img:hover {transform: scale(1.1);}

#post-grid-81 .item .layer-media {
    overflow: hidden;
    width: 100%;
    transition: .35s;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    margin-bottom: -3px;
    height: 204px !important;
}

.img-responsive {display: block; height: auto; max-width: 100%;}
.error-404 {text-align: center; margin: 20px 0 120px 0;}

.news-row .hc__right {
    display: none;
    visibility: hidden;
}

.news-row .hc__ht {
display: none !important;
}

/*-------HEADER-------*/
header {
    height: 80px;
    background-position: center;
    background-color: #bcb0a2;
    overflow: hidden;
}

.header-img {
    height: 453px;
    background-position:center;
}

.header-img.first-bg {
    background: #aca094 url("img/header1.jpg") no-repeat;
    position: relative;
    background-position: -210px;
}

.header-img.second-bg {
    background: url("img/header2_2.jpg") repeat-x;
    background-size: cover;
    background-position: center;
    position: relative;
}

.header-img.third-bg {
    background: url("img/header3.jpg") repeat-x;
    position: relative;
}

.header-img.forth-bg {
    background: url("img/header4_4.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.header-img.fifth-bg  {
  background: url("img/header5.jpg") no-repeat;
  background-size: cover;
}

.author-phrase {
    position: absolute;
    top: 40.5%;
    left: 49.8%;
    font-family: 'Magnolia Script', serif;
    color: #fff;
max-width: 20%;
  }

.author-phrase.second-phrase, .author-phrase.third-phrase {
    left: 19%;
    max-width: 100%;
    /*font-size: 54px;*/
}

.author-phrase.second-phrase {top:16%; left: 19%; font-size:54px; line-height: 76px; max-width: 20%;}
.author-phrase.second-phrase > p:nth-child(2) {margin-left: 39%; padding: 0; width: 100%;}
.author-phrase.second-phrase > p:nth-child(3) {margin-left: 75%; padding: 0;}
.author-phrase.second-phrase > p:nth-child(4) {margin-left: 111%; padding: 0;}

.author-phrase.third-phrase {
    max-width: 100%;
    left: 19%;
}

.author-phrase.forth-phrase {
    max-width: 22%;
    line-height: 30px;
    top: 54.5%;
    left: 19.1%;
}
    /*-------MAIN NAVIGATION-------*/
.nav-bg {
    background: #e5c683;
    height: 80px;
}
nav, .author-name {
    /*font-family: 'PT Serif', serif;*/
    font-size: 24px;
}
a.author-name {
  color: #000;
  padding-top: 5px;
}
a.author-name:hover {
  color: #6d5c43;
}
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.author-name {
    font-weight: bold;
    position: absolute;
    top: 25px;
}

.topnav {
    overflow: hidden;
    float: right;
}
.topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 28px 23px;
    text-decoration: none;
}

.topnav a:hover, .topnav a.active, .current_page_item a, .current-menu-item a {
    color: #fff;
}

.topnav .icon {
    display: none;
}

.responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus {
    background: #e5c683 !important;
}
button#responsive-menu-button {
    background: #e5c683 !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 24px !important;
    /*font-family: 'PT Serif', serif;*/
}

/*-------ABOUT AUTHOR-------*/
.about-author {
    padding: 40px 0 0 0;
}
div.author-review {
    width: 45.377%;
    margin-left: 27.31%;
    text-align: justify;
    font-size: 1.1rem;
}

div.author-review > p {
    padding-bottom: 8px;
    line-height: 1.1;
}

.autograph-main {
    /*float: right;*/
    max-width: 70%;
    margin: 25px 0 5px 0;
}
/*-------NEWS BLOCK-------*/
.box {}
.box img {
    width: 100%;
    height: auto;
    transition: .35s;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    margin-bottom: -3px;
    /*margin-top: -40px;*/

}
.span-1-of-3 {
    width: 31.5924%;
    min-height: 420px;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 2.5684%;
}

.col:first-child,
.col:nth-child(4),
.col:nth-child(7){
    margin-left: 0;
}

div.date {
    text-align: center;
    font-size: 21px;
    color: #ac814e;
    margin: 15px 0;
}


.news-title,
a.news-title:link,
a.news-title:visited {
    font-size: 24px;
    text-align: center;
    display: block;
    /*font-family: 'PT Serif', serif;*/
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
    line-height: 26px;
}

p.news-title {
  margin: 0 5px 15px 5px;
  line-height: 26px;
  padding: 0;
}

section.book-page .series-mini > .series-body > .news-title {
  width: 195px;
  line-height: 24px;
  text-align: left;
}

a.news-title:link,
a.news-title:visited {
    margin-bottom: 0;
}

a.news-title:hover,
a.news-title:active {
    color: #ac814e;
}

div.news-text {
    text-align: center;
    margin-bottom: 30px;
    line-height: 18px;
}

.box img:hover {
    -webkit-backface-visibility: hidden;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*-------PAGINATION-------*/
.pagination-main {
    text-align: center;
    margin-bottom: 30px;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: #ac814e;
    float: left;
    padding: 13px 18px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #e5c682;
    font-size: 22px;
    margin-left: -1px;
}

.pagination a.active {
    background-color: #ededed;
    color: #000;
}

.pagination a:hover:not(.active) {background-color: #ddd; color: #000;}

/*-------SERIES OF BOOKS-------*/
.series-row {
    max-width: 1282px;
}
.col-series.span-1-of-5 {
    width: 18.1159%;
}

.col-series {
    display: block;
    float: left;
    margin: 1% 0 1% 2.3154%;
}
.col-series:first-child,
.col-series:nth-child(6){
    margin-left: 0;
}

.col-series img {
    margin-bottom: 10px;
    opacity: 0.8;
    transition: .3s;
    border-radius: 50%;
}
.col-series img:hover {
    opacity: 1;
}

.series-name {
    font-size: 24px;
    text-align: center;
    display: block;
    /*font-family: 'PT Serif', serif;*/
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
}

ul.series-list.books-list li {
    padding: 0 0 10px 0;
}
/*-------PAGES WITH ONE NEWS-------*/
section.news-item {margin-top: 10px;}

.news-thumbnail {
    text-align: center;
    padding: 10px 0;
}

.news-row {max-width: 798px;
    position: relative;}
.news-area {margin-top: 10px;}
.news-area p {line-height: 20px; padding-bottom: 10px;}
figure.news-img {overflow: hidden; width: 100%; margin: 0;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    height: 204px !important;
}
.col.span-1-of-2.one-news {width: 48.2%;}
.col.one-news {margin: 1% 0 1% 3.6%;}
.col.one-news:first-child {margin-left: 0;}
.next-news, .previous-news {
    text-align: center;
    padding-bottom: 20px;
}

.next-news a:link,
.next-news a:visited,
.previous-news a:link,
.previous-news a:visited{
    color: #ac814e;
    font-size: 21px;
}

.next-news a:hover,
.next-news a:active,
.previous-news a:hover,
.previous-news a:active {
    color: #000;
}

.buttons-area {
    text-align: center;
    padding: 20px 0;
}

.btn {
    display: inline-block;
    padding: 9px 50px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #e5c682;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    cursor: pointer;
    margin-right: 20px;
    transition: .3s;
}

.btn.download {
    padding: 9px 51px;
}

.btn.online-listen {
    padding: 9px 12px;
}

.btn:hover {
    background: #ffcf68;
}

.btn a {
    color: #000;
}

.nav-previous, .nav-next {
    display: inline-block;
}

.nav-next {
    text-align: right;
    position: absolute;
    right: 20px;
}

.nav-links {margin: 12px 0;}
.nav-previous:before {
    content: '<< ';
    color: #6d5c43;
}
.nav-next:after {
    content: '>>';
    color: #6d5c43;
}

/*-------PAGE WITH BOOKS-------*/
section.books-main-content {
    margin-top: 100px;
}
.series-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}
.series-title:first-child {margin-top: 0;}
ul.series-list {}
ul.series-list li span {color: #ac814e;}
ul.series-list li {
    padding: 2px 0;
}
ul.series-list a {color: #000;}
ul.series-list a:hover {color: #ac814e;}
/*.main-content >.col-series.span-1-of-5 {margin-left: 1%; width: 32%;}*/

/*-------ABOUT AUTHOR-------*/
.col.main-content p {
  line-height: 26px;
  /*padding: 0 20px;*/
  /*font-size: 23.5px;*/
}

.author-prizes, .contact-title {
    font-size: 24px;
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
    /*font-family: 'PT Serif', serif;*/
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
}

ul.series-list >ul {padding: 9px 0;}
ul.series-list >ul li {}

/*PAGE NAVI*/
.wp-pagenavi {text-align: center; padding: 30px 0;}
.wp-pagenavi a, .wp-pagenavi span {
    color: #ac814e;
    padding: 9px 17px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #e5c682;
    font-size: 21px;
    margin-left: -1px;
    margin-right: 0;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: 1px solid #e5c682;
    background-color: #ededed;
    color: #000;
    font-weight: normal;
}

/*-------------DISQUS-----------------*/
.avatar {display: none !important;}
.avatar img {width: 0; height: 0;display: none;}
.disqus-footer__wrapper {display: none;}
.textarea-wrapper {border: 2px solid #f0deb7;}



.col.other-book img {
    max-width: 160px;
    height: 250px;
}

.col.other-book {
    margin: 1% 0 1% 6%;
    max-width: 21%;
    text-align: center;
}
/*-------SERIES MAIN PAGE-----------*/
.arrow-box {
    position: relative;
    border: 1px solid #e5c682;
    height: 50px;
    width: 180px;
}
.arrow-box:after, .arrow-box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-right: -1px;
}

.arrow-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 25px;
    margin-top: -25px;
}
.arrow-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #e5c682;
    border-width: 26px;
    margin-top: -26px;
}

.arrow-box a {
    padding: 13px 0 13px 10px;
    display: inline-block;
    color: #000;
    font-size: 19px;
}

.arrow-box a:hover {
    color:#e5c682;
}

.arrow-position {
    margin-left: 12px;
}

.series-group {
    margin: 50px 0;
}

.series-img {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.series-img img {
    max-width: 168px;
    text-align: center;
    margin-bottom: 10px;
    height: auto;
}

.series-img.big-book img {
    max-width: 100%;
}

.series-body {
    display: table-cell;
    vertical-align: top;
    width: 74.088%;
    padding: 10px 20px 10px 30px;
    line-height: 19px;
    min-height: 260px;
    position: relative;
}

.series-body h3,
.mainbook-body h3 {
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    /*font-family: 'PT Serif', serif;*/
    line-height: 23px;
}

.series-body h3 span {
    color: #ac814e;
}

.series-group.books {

}

.comments {
    margin-top: 40px;
}

.comments a {
    background: url('img/comment-icon.png') no-repeat;
    padding-left: 30px;
    padding-bottom: 2px;
}

.comments a:hover {
    color: #000;
}



.books > .series-img img {
    box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
}

h2.comments-title {
    display: none;
}

a:hover.comment-reply-link {color: #000;}

/*-------PAGE WITH ONE BOOK-----------*/
section.book-page .arrow-box {width: 230px;}
section.book-page .series-mini {max-width: 20%;}
section.book-page .series-mini > .series-img img {max-width: 90px;}
section.book-page .series-mini > .series-body {vertical-align: middle;}
div.col.series-mini {margin: 1% 0 1% 12%;}
.row.full-book-row {max-width: 820px;}
section.book-page {margin-top: 25px;}
.big-book > a > img {max-width: 100%;}
.mainbook-body {
    display: table-cell;
    vertical-align: top;
    width: 52.088%;
    padding: 10px 20px 10px 30px;
    line-height: 19px;
    min-height: 260px;
    position: relative;
}

.book-date {
    color: #ac814e;
    font-size: 24px;
    padding: 10px 0 20px 0;
    /*font-family: 'PT Serif', serif;*/
}

.mainbook-body h3 {font-weight: 600;}

.btn-section {margin: 40px 0;}

.btn-section img {margin-right: 5px; border-radius: 5px;}

.col.other-book {margin: 1% 0 1% 3.5684%;}

.book-link {
    text-align: center;
    margin: 15px 0;
}

.book-link a {
    color: #000;
    font-weight: bold;
}

.book-link a:hover {color: #ac814e;}

.comment-body {margin: 20px 0;}
.comment-name, .comment-author.vcard, .comment-author.vcard a {
    font-weight: 600;
    margin-bottom: 5px;
    color: #000;
}

.comment-name span {
    font-weight: 500;
    color: #ac814e;
    padding-left: 10px;
}

.depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
    padding-left: 30px;
}

p.comment-form-comment {display: inline; display: -moz-inline-stack; width: 90%;}
p.form-submit {display: inline-block; display: -moz-inline-stack;}

footer.comment-meta {margin: 0;
    text-align: left;
    height: auto;
    padding:0;
    background: #fff;
}

.comment-author.vcard, .comment-metadata
{display: inline-block;}
.comment-metadata, .comment-metadata a {color: #ac814e; padding-left: 10px;}
a.comment-edit-link {
    padding-left: 10px;
    font-weight: bold;
    color: #000;
}
.comment-form {margin: 30px 0;}

.comment-area, textarea#comment {
    /*display: table-cell;*/
    vertical-align: middle;
    display: inline;
    width: 100%;
    max-width: 84%;
    height: 48px;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fffdfa;
    background-image: none;
    border: 2px solid #f0deb7;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    position: relative;
}

.comment-area:focus, textarea#comment:focus {
    border-color: #e5c682;
    outline: 0;
}

p.logged-in-as {margin: 10px 0;}

input[type=submit] {
    color: #fff;
    font-size: 0;
    width: 40px;
    height: 38px;
    border: none;
    margin: 0;
    padding: 0;
    background: url(img/send-comment.png) 8px 0 no-repeat;
}

input[type=submit]:hover {cursor: pointer;}
input[type=submit]:focus {outline: none;}
.col.other-book img {
    box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

.comment-form-comment > label, p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-notes,
h3#reply-title, span.says {display: none;}
.comment-author.vcard a:hover {color: #ac814e;}
.reply {padding: 5px 0;}

.nav-previous, .nav-next {font-size: 18px;}
.nav-previous:hover, .nav-next a:hover {color: #000;}

/*-------CONTACT PAGE-----------*/
.contact-title {
    margin-bottom: 20px;
    margin-top: 30px;
}

section.contacts {
    margin-top: 50px;
}

.contact-col {
    float: left;
    width: 31.592%;
}

.contact-area {
    text-align: center;
    color: #ac814e;
}

.contact-area a {
    display: block;
    color: #000;
    padding: 10px 0;
    text-decoration: underline;
}

.contact-area a:hover {
    color: #ac814e;
}

p.cont {
    padding-top: 9px;
}

.autograph {
    text-align: center;
    margin: 40px 0;
}
/*---------FOOTER---------------*/
footer {
    background-color: #e5c682;
    margin: 50px 0 0 0;
    height: 100px;
    overflow: hidden;
    width: auto;
    color: #6d5c43;
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box;
}

div.footer-container p {
    line-height: 21px;
}
div.footer-container a:link,
div.footer-container a:visited {
    text-decoration: underline;
}

div.footer-container a:hover,
div.footer-container a:active {
    text-decoration: none;
    color: #fff;
}


/*-------MEDIA QUERIES-------*/
@media screen and (min-width: 320px) {
    div.author-review {width: 100%;font-size: 1rem; margin-left: 0;}
    .header-img {height: 166px; background-size: cover; background-position: left;}
    .header-img.first-bg {background-size: cover;}
    .header-img.third-bg {background-size: cover;}
    h2:before{width: 235px;}
    .span-1-of-3, .col.span-1-of-2.one-news {width: 100%;}
    .col, .col.one-news {margin: 10px 0 0 0;}
    .a.news-title {margin-bottom: 15px;}
    div.news-text{text-align: justify;}
    .col-series.span-1-of-5 {width: 85%; margin-left: 10%; text-align: center;}
    /*footer {padding-top: 40px;}*/
    a.author-name {display: block;top:30px;}
    .topnav { background: #e5c683; width: 100%;}
    .col.main-content {margin: 1% 2% 1% 0;}
    .col.aside-content {margin: 0;}
    .main-content > .col-series.span-1-of-5 {display: none; width: 0;}
    .aside-content > .col.aside-content {width: 100%;}
    section.books-main-content {margin-top: 50px;}
    .author-prizes { margin-top: 20px;}
    .contact-col {width: 100%;}
    .col.arrow-position {margin-left: 12px;}
    .comment-area {max-width: 80%;}
    .series-img.big-book {display: block; max-width: 80%; margin: 0 auto;}
    section.book-page .series-mini > .series-body {display: none;}
    div.col.series-mini {margin: 1% 0 1% 3%; display: none;}
    .books-main-content .col.main-content {max-width: 100%}
    .series-img {display: block;}
    .topnav {max-width: 100%; display: none; }
    .col.other-book {max-width: 57%; margin-left: 25%; }
    #post-grid-81 .item .layer-media {height: 142px !important;}
    .mainbook-body {padding: 10px 0;}
    .btn-section {text-align: center;}
    .author-phrase { top: 78.5%; left: 4%; font-size: 17px; max-width: 100%;}
    .author-phrase.third-phrase {left: 8%; top: 35.8%; font-size: 26px; line-height: 27px;}
    .header-img.forth-bg {background-position: -80px;}
    .author-phrase.forth-phrase {max-width: 66%;left: 2.1%;}
    .author-phrase > p:nth-child(1), .author-phrase > p:nth-child(2),  .author-phrase > p:nth-child(3) {display: inline-block; }
    .header-img.first-bg {background-position: -100px;}
    .author-phrase.second-phrase {left: 2%; top:5%;font-size: 21px;line-height: 29px;max-width: 36%;}
        .author-phrase.forth-phrase > p:nth-child(2) { margin-left: 13%; width: 130%;}
        a.author-name {padding-top: 8px;}
}

@media screen and (min-device-width: 320px) and (max-device-width:400px) {
  .hc__reply__box__textarea, .hc__reply__box textarea {/*height: 60px !important;*/padding-top: 7px !important;}
  textarea.hcc.hc__reply__box__textarea[placeholder] {text-overflow: ellipsis;font-size: 13px;}
}

@media screen and (min-width: 375px) {
    div.author-review {width: 100%;font-size: 1rem; margin-left: 0;}
    .header-img {height: 166px; background-size: cover; background-position: left;}
    h2:before{width: 235px;}
    .span-1-of-3 {width: 100%;}
    .col {margin: 10px 0 0 0;}
    .col.other-book {max-width: 47%;}
    .a.news-title {margin-bottom: 15px;}
    div.news-text{text-align: justify;}
    .col-series.span-1-of-5 {width: 85%; margin-left: 10%; text-align: center;}
    footer {padding-top: 10px;}
    section.book-page .series-mini > .series-body {display: none;}
    #post-grid-81 .item .layer-media {height: 165px !important;}
    .author-phrase.third-phrase {font-size: 32px; line-height: 34px;}
    .author-phrase.forth-phrase {max-width: 57%;}
    .author-phrase.second-phrase {font-size: 23px;line-height: 32px;max-width: 34%;}
}

@media screen and (min-width: 414px) {
    .author-phrase {font-size: 20px;}
    .author-phrase.forth-phrase {left: 7%; max-width: 59%;}
    .header-img.forth-bg {background-position: -5px;}
}

@media screen and (min-width: 488px) {
#post-grid-81 .item .layer-media {height: 225px !important;}
    .author-phrase.forth-phrase {left: 2.1%;font-size: 25px;}
    }

@media screen and (min-width: 568px) {
.header-img {height: 195px;}
.col-series.span-1-of-5 {margin-left: 2%;width: 47%;min-height: 330px;}
.main-content > .col-series.span-1-of-5 {width: 85%;}
/*.col.main-content {width: 48%;}*/
    /*.col.aside-content {width: 49.592%;}*/
    .col.aside-content {width: 45.592%;}
    .col.aside-content {margin: 0 0 0 4%;}
    .main-content > .col-series.span-1-of-5 {display: block;}
    .comment-area {max-width: 90%;}
    .series-img.big-book {display: table-cell;margin: 0 auto;}
    div.col.series-mini {margin: 1% 0 1% 12%; display: block;}
    section.book-page .series-mini > .series-body {
        display: block;
        min-height: 0;
        padding: 0;
    }
.col.other-book {max-width: 23%; margin-left: 19%; height: 345px;}
.mainbook-body {padding: 10px 20px 10px 30px;}
.btn-section {text-align: left;}
.author-phrase.second-phrase {font-size: 33px; line-height: 40px; max-width: 33%;}
}

@media screen and (min-width: 601px) {
.topnav {max-width: 100%; display: block; }
.topnav a {padding: 28px 22px;}
.series-img {display: table-cell;}
#post-grid-81 .item .layer-media {height: 285px !important;}
.author-phrase {max-width: 20%;}
.author-phrase {top: 26.5%; left: 37.8%; font-size: 33px; line-height: 32px;}
.author-phrase > p:nth-child(2) {margin-left: 73%;}
.author-phrase > p:nth-child(3) {margin-left: 146%;}
    a.author-name {display: none;}
    .header-img.first-bg {background-position: -210px;}

  }

@media screen and (min-width: 640px){
.col {margin: 10px 35px 0 0;}
.span-1-of-3 {width: 47%; min-height: 450px;}
.col:nth-child(2n){margin-right: 0;}
/*a.author-name {display: block; }*/
.col.span-1-of-2.one-news {width: 48.2%;}
.col.one-news {margin: 1% 0 1% 3.6%;}
h2:before { width: 369px;}
section.book-page .series-mini > .series-body {display: table-cell; padding: 10px 20px 10px 20px; }
.header-img {height: 210px;}
.col.other-book {max-width: 25%;}
}

@media screen and (min-width: 768px) {
.col-series.span-1-of-5 {margin-left: 1%; width: 32%;}
div.author-review {width: 60%; margin-left: 20%;}
.topnav {width:88%;}
.main-content >.col-series.span-1-of-5 {width: 49%;}
.col.aside-content {width: 31.592%;}
.contact-col {width: 49%;}
.col.arrow-position {}
#post-grid-81 .item .layer-media {height: 160px !important;}
.author-phrase > p:nth-child(1), .author-phrase > p:nth-child(2),  .author-phrase > p:nth-child(3) {display:block; }
.author-phrase.third-phrase {top: 50%; font-size: 41px; max-width: 100%; line-height: 54px;}
}

@media screen and (min-width: 768px){
.col.aside-content {margin: 0;}
.col.main-content {margin: 1% 2% 1% 0;}
.col.main-content {width: 65.753%;}
.main-content >.col-series.span-1-of-5 {margin-left: 1%; width: 32%; min-height: 330px;}
.author-phrase.forth-phrase {left: 13.1%; /*max-width: 32%; */}

}

@media screen and (min-width: 988px) {
    /*.author-phrase.forth-phrase {max-width: 32%;}*/
    .author-phrase {}
      .author-phrase.second-phrase {left: 9%;}

}

@media screen and (min-width: 1024px) {
.header-img {height: 300px; background-position: center;}
div.author-review {width: 45.377%; margin-left: 27.31%; text-align: justify; font-size: 1.1rem;}
.span-1-of-3 {width: 31.5924%; min-height: 436px; }
.col { float: left;  margin: 1% 0 1% 2.5684%;}
.col-series.span-1-of-5 {width: 18.1159%;}
.col-series:first-child,
.col-series:nth-child(6){margin-left: 0;}
.col-series.span-1-of-5 {margin: 1% 0 1% 2.3154%;}
.col-series.span-1-of-5:first-child,
.col-series:nth-child(6){margin-left: 0;}
div.news-text {text-align: center;}
footer {padding-top: 35px;}
.topnav {max-width: 54%;}
a.author-name {display: block;top: 25px;}
section.books-main-content {margin-top: 50px;}
.author-prizes { margin-top: 0;}
.contact-col {width: 31.592%; }
.books-main-content .col.main-content {max-width: 65%}
.col.other-book {max-width: 21%; margin-left: 4%;}
#post-grid-81 .item .layer-media {height: 204px !important;}
.author-phrase {font-size: 54px; line-height: 64px; top: 13.5%;}
.comment-area, textarea#comment {max-width: 94%; }
.author-phrase.second-phrase {font-size: 46px;line-height: 58px;max-width: 29%;}
.author-phrase.second-phrase > p:nth-child(2) {margin-left: 39%; padding: 0; width: 100%;}
.author-phrase.second-phrase > p:nth-child(3) {margin-left: 75%; padding: 0;}
.author-phrase.second-phrase > p:nth-child(4) {margin-left: 111%; padding: 0;}
.author-phrase.third-phrase {max-width: 37%;}
.author-phrase.forth-phrase {left: 2.1%; font-size: 37px; top: 45%; line-height: 39px;}
}
@media screen and (max-width:1025px) and (min-width: 1023px) {
  .topnav a {padding: 28px 20px;}
}

@media screen and (min-width: 1110px) {
    .topnav {max-width: 52%;}
/*.author-phrase { top: 26.5%;}*/
}

@media screen and (min-width: 1194px) {
    .topnav {max-width: 48%;}
    .header-img {height: 355px;}
    .author-phrase {top: 15.5%;}
/*.author-phrase.third-phrase {left: 2%; top: 73.5%; font-size: 27px;}*/
.author-phrase.second-phrase {font-size:54px; line-height: 76px; max-width: 20%;}
.author-phrase.forth-phrase {line-height: 54px; font-size: 41px; max-width: 45%;}
    .author-phrase.forth-phrase > p:nth-child(2) { margin-left: 13%; width: 130%;}
}
@media screen and (min-width: 1195px) {
      .author-phrase.second-phrase {max-width: 26%;}
      .author-phrase.forth-phrase  {top: 43.5%; left: 3.1%;}
}

@media screen and (min-width: 1501px) {
      .author-phrase {top:26.5%;}
    .header-img {height: 453px;}
    .author-phrase.third-phrase {left: 14%; max-width: 26%;}
  .author-phrase.forth-phrase {top: 49.5%;/*left: 17.1%; */ left: 19.4%;}
}

@media screen and (min-width: 1731px) {
.author-phrase {top: 26.5%;}
.author-phrase.second-phrase {top:16%; left: 19%;}
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }

    .menu-item.responsive {
        position: relative;
    }

    .menu-item.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}
strong {
    font-weight: bold;
}
@media screen and (max-width: 421px) and (min-width:370px) {p.news-title {padding: 0 40px;}}
@media screen and (max-width: 567px) and (min-width:510px) {p.news-title {padding: 0 100px;}}
@media screen and (max-width: 1136px) and (min-width:888px) {.col.main-content p {padding: 0;}}
@media screen and (max-width: 887px) and (min-width:769px) {.col.main-content p {padding: 0; font-size: 20px;}}