section.publication-sec-hero {background: url("publication-hero-bg.webp") no-repeat center top;background-attachment: fixed;/*min-height: 70vh;display: flex;align-items: center;position: relative;overflow: hidden;padding-top: 5vh;*/}
section.publication-sec-hero:before {content: "";background: #020006;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .2;}
section.publication-sec-hero h2 {margin-bottom: 0px;}
section.publication-sec-01 {padding: 100px 0px;background: url("../templates/img/bg-gray-wave.webp") no-repeat center center;background-size: cover;background-attachment: fixed;}
section.publication-sec-01 .book-wrp {margin-bottom: 80px;position: relative;}
section.publication-sec-01 .book-wrp:before {content: "";position: absolute;top: 10%;right: 0;background: #f7f7f7;width: 80%;height: 80%;border-radius: 30px;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}
section.publication-sec-01 .book-wrp .row {position: relative;z-index: 9;}
section.publication-sec-01 .book-wrp h2{margin-bottom:25px;line-height: 1.2;}
section.publication-sec-01 h2 sup{font-size:50%;top: -0.75em;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

	section.publication-sec-hero{/*height: auto;padding:180px 15px 100px 15px;*/}
	section.publication-sec-hero:after{height:170px;width:calc(100% - 30px);border-radius: 60px 0px 0px 0px;}
	section.publication-sec-hero:before{}

	section.publication-sec-01{padding:0px 0px 60px 0px;}
	section.publication-sec-01 .book-wrp{padding:60px 30px 40px 30px;margin-bottom:40px;}
	section.publication-sec-01 .book-wrp:before{top:30%;width: 100%;height: 70%;}
	section.publication-sec-01 .book-wrp .row{}
	section.publication-sec-01 .book-wrp h2{margin-top:30px;}
	
	
}