@media screen and (min-width: 900px) {
a.menu-link {display: none;}
.js nav[role=navigation] {max-height: none; position:relative; border:none;}
nav[role=navigation] ul {margin: 0 0 0 -0.25em; border: 0;}
nav[role=navigation] li {display: inline-block; margin: 0 0.25rem;}
nav[role=navigation] li a {border: 0; text-decoration:none; color:#252525; background:#fff;  position: relative; z-index:1; }
nav[role=navigation] li a:after {content:''; position:absolute; width:100%; height:1px; display:block; background:rgba(255,255,255,0); left:1%; transform:translateX(-50%); bottom:0; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
nav[role=navigation] li a.active:after, nav[role=navigation] li a:hover:after { content:''; position:absolute; width:100%; height:1px; display:block; background:#e41f33; left:50%; transform:translateX(-50%); bottom:0; z-index:-1}
.inner-nav nav[role=navigation] li a:hover:after { background:rgba(255,255,255,0.5) !important; }
}


@media only screen and (max-width: 1199px) {
.body, .novel .body { width:92%}
}

@media only screen and (max-width: 1280px) {
.container-part { width:calc(100% - 4rem);}
}

@media only screen and (max-width: 1152px) {
.home-image { }
.image-slider div img {max-width:65%; border-radius:50%; border:10px solid #ef476f;}
.bg-text p { padding-top:1rem}
.blogs img { width:80px;}

.single-book img { max-width:300px;}
}

@media only screen and (max-width: 1024px) {
html { font-size:88.2%}
.nav { font-size:0.933rem}
footer { font-size:.867rem;}
footer h4 {font-size:.867rem;}


}

@media only screen and (max-width: 900px) {
.content { padding-top:2rem}
.bg-text p { padding-top:0}
.home-image { }
.image-slider div img {max-width:75%}

.book { width:33.33%;}

.experience-content { display:flex; flex-direction: column-reverse; }
.experience-container { width:100%; }
.experience-text { width:100%; position:relative; top:0; margin-bottom:2rem; }

.books-container-home .book { width:calc((100% - (15px * 1))/ 2);  }
.books-container-home .book:nth-of-type(3n+0) { margin-right:15px; }
.books-container-home .book:nth-of-type(2n+0) { margin-right:0; }

.home-text { padding-top:2rem; }
.header-title { min-height:250px;}
.header-image { min-height:250px;}
}

@media only screen and (max-width: 899px) {
header .body { justify-content:space-between; position:relative; z-index:10; width:100%; }
.logo { padding-left:4%; }
nav[role=navigation] { background:#fff; }
nav[role="navigation"] li a { padding:0.8rem .5rem; border-bottom:1px solid rgba(25, 50, 130, 0.2); color:#e41f33; }
nav[role="navigation"] li:nth-of-type(1) a { border-top:1px solid rgba(25, 50, 130, 0.2); }
.inner-nav nav[role=navigation] li a { color:#e41f33 !important; }
}


@media only screen and (max-width: 800px) {
.content { padding-top:0;}
.content.inner { padding-top:5rem;}
.home-image { }
.bg-text p { max-width:100%; padding-top:1rem; text-align:center}
.image-slider { width:100%;}
.image-slider div { width:100%; text-align: center}
.image-slider div img { display:inline-block; width:40%; -webkit-box-shadow: 10px -5px 0 0 #ffd166;box-shadow: 10px -5px 0 0 #ffd166; margin-top:1rem}
.text { width:100%;  text-align:center}
.post { width:100%; padding-bottom:1rem;}

.more-info { column-count:2; font-size:1rem; }
.home-text { padding-right:0rem; }
.header-title h1 { line-height:0.9; font-size:5.5rem;}

}

@media only screen and (max-width: 768px) {

.single-book img { max-width:200px;}
.prev, .next, .all {width:100%; text-align:center; padding:1rem 0; margin:0; font-size:.867rem !important}
.testimonials-title, .feedback { width:100%; text-align:center; padding-right:0; }
.testimonials { padding-top:5rem;}
.blog-name { font-size:1.25rem;}
}

@media only screen and (max-width: 600px) {
.home-text-block { flex-direction:column-reverse; flex-wrap:wrap; }
.home-text { width:100%; padding:2rem 0 0 0; }
.home-image { width:65%; }

.image-slider div img {width:50%; border:7px solid #ef476f; -webkit-box-shadow: 5px -2px 0 0 #ffd166;box-shadow: 5px -2px 0 0 #ffd166;}
.en-text { padding-top:3rem}
figure img { }
.f-blogs { width:100%; text-align: center; padding-bottom:2rem;}
.f-social { float:left; width:100%; text-align:center}
.book { width:50%;}

.more-info { column-count:1; font-size:1rem; }
.content { padding-top:18rem; }
.books h2, .novel-title, .experience h2, .teaching h2, .testimonials h2, .participations h2, .section-title { font-size:5rem; line-height:0.8;}

}

@media only screen and (max-width: 550px) {
h1 { font-size:2rem;}
h2 { font-size:1.5rem;}
figure { float:none; display:block; margin:1rem 2rem 0 1rem; width:80%}
.content.inner { padding-top:4rem;}
.content { padding-top:16rem; }
.blog-sections { flex-wrap:wrap; }
.blog-section { width:100%; margin-right:0; margin-bottom:2rem; }
.section-title { padding-bottom:1rem; display:block;}
}

@media only screen and (max-width: 480px) {
.logo { font-size:2.25rem}
a.menu-link { padding: .2rem 1rem 0;}
.single-book img { display:block; margin:0 0 1rem 0; float:left; max-width:150px;}
.single-book img + h2 { clear:both}

.content { padding-top:14rem; }


.books h2, .novel-title, .experience h2, .teaching h2, .testimonials h2, .participations h2, .section-title { font-size:4rem; line-height:3.25rem;}
.novel { padding-top:3rem;}
.btns { flex-wrap:wrap; margin-top:0; padding-bottom:2rem; }
.btn-book {width:90%; text-align:center; margin:1px 0; }

.books-container-home .book, .books-container-home .book:nth-of-type(3n) { width:100%; margin-right:0; }
.books-container-home .book img { width:50%;}

.header-title h1 { line-height:0.9; font-size:4.5rem;}
}

@media only screen and (max-width: 400px) {
.home-image { }
.image-slider div img {width:60%; border:5px solid #ef476f; -webkit-box-shadow: 5px -2px 0 0 #ffd166;box-shadow: 5px -2px 0 0 #ffd166;}
footer a img { width:32px;}
figure img {}
figure { width:80%}
.book h3 { font-size:1rem;}
.book h4 { font-size:.867rem;}

.content { padding-top:12rem; }
.novel-title { padding-bottom:0;}
.experience-text span { font-size:2.5rem; }
}