@media only screen and (max-width:1800px) {
    .copy-blk img{width:auto;height: 335px;}
    .copy-right {padding-right:75px !important;}
     .copy-left.content figure img{height: 1100px;}
    .copy-left.content{width: 50%;}
    .copy-right1{width: 50%;}
    .copy-right1 p {padding: 0 200px 0 0;}
   .copy-right:before {right: -183px;z-index: 9;}
    .copy-right1:before {right: -183px;z-index: 9;}
      .copy-right1:before {right: -183px;z-index: 9;}
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media only screen and (max-width:1700px) {
    .copy-right1{padding: 88px 36px 103px 30px;}
    .copy-right{padding: 348px 0 99px 48px;}
    .copy-blk{left: -124px;}
    .copy-right:before{right: -176px;z-index: 9;}
    .copy-right p{padding: 0 46px 21px 0;}
    .copy-right{padding: 348px 0 0 48px;}
    .copy-right1:before{right: -176px;z-index: 9;}
    .book-right-cont{left: 574px;}
    .copy h2:after{left: -37px;width: 86.9%;}
    .main-content:before {z-index: 9;right: 164px;}
    .copy-left figure img{height: 798px;object-fit: cover;}
    .copy-right h3{padding: 0 0 55px 135px;}        
    .main-content:before{z-index: 9;}
    .copy:after{right: 15px;}
    
    
    
    
    
    
    
    
    
    
    
   
}
@media only screen and (max-width:1680px) {
 
    .book h2:after{z-index: 0;}
    nav:before{right: 107px;}
   .copy-right1 {padding: 88px 36px 31px 30px;}
    nav ul li:after{right: 20px;}
    nav ul li{padding: 0px 128px 0 59px;}
    nav ul li:nth-child(2):after {right: -64px;}
    .copy-right h3{font-size: 24px;line-height: 32px;}
    .books{padding: 36px 15px 0 15px;}

    .copy-right {padding: 312px 0 0 48px;}
    .copy-right:before {right: -175px;z-index: 9;}
    .copy-right1:before {right: -175px;z-index: 9;}
    .copy-right1 p{font-size: 22px;line-height: 40px;}
    .book-right-cont {left: 547px;}
    
    
    
    
    
    
    
    
    
}
@media only screen and (max-width:1600px) {
    .copy-right:before {right: -174px;z-index: 9;}
    .copy-right1:before {right: -174px;z-index: 9;}
    .copy-blk {left: -214px;}
    .copy-right h3 {font-size: 24px;line-height: 32px;padding: 0 0 49px 170px;}
    .copy-right {padding: 312px 0 0 15px;}
    .copy-right p {padding: 0 46px 17px 0;}
    .copy-left{width: 50%;}
    .copy-right{width: 50%;}
    .copy-right1{width: 50%;}
    .copy-right {padding: 312px 47px 0 15px;}
    .copy-right p{font-size: 20px;line-height: 23px;}
    .copy-right1 p {padding: 0 195px 0 72px;}
    .copy-right1 p {font-size: 19px;line-height: 32px;}
    .banner figure img {width: 1020px;}
    nav:before {right: 72px;}
    .book-right-cont {left: 505px;}
    .copy-blk {left: -54px;
    
    
    
    
    
}
   @media only screen and (max-width:1500px) {
       
       .book:after{right: 162px;}
      .copy-left{width: 45%;}
      .copy-right{width: 55%;}
      .copy-right1{width: 55%;}
      .copy-right1 p {font-size: 18px;line-height: 32px;}
      .copy-right1 {padding: 44px 36px 31px 30px;}
       .copy-right p {padding: 0 140px 12px 0;font-size: 19px;line-height: 23px;}

       .copy-blk {left: -159px;width: 326px;}
       .copy-right h3 {font-size: 24px;line-height: 32px;padding: 0 0 15px 100px;}
       .copy-right {padding: 194px 75px 0 5%;}
       .books-left p{font-size: 22px;line-height: 35px;}
       .books{max-width: 1318px;}
       .book-right{width: 60%;}
       .book-left{width: 40%;}
       .book-right figure {width: 550px;}
        .banner figure img {width: 950px;}
        nav:before {right: 44px;}
       .finding{left: 719px;}
       .copy-right:before {right: -161px;z-index: 9;}
       .copy-right1:before {right: -160px;z-index: 9;}
       .book-right-cont {left: 638px;width: 197px;}
       .copy-left figure img {height: 615px;}
       .copy-left.content figure img {height: 959px;}
       .banner figure img {width: 950px;} 
       
       
       
       
       
}
@media only screen and (max-width:1400px) {
    .banner figure img {width: 908px;}
    .finding {left: 654px;}
    .copy-right:before {right: -142px;z-index: 9;}
    .copy-right1:before {right: -142px;z-index: 9;}
    .books-left p br{display: none;}
    .books-left{width: 32.1%;}
    .books-center{width: 27.4%;}
    nav ul li {padding: 0px 133px 0 32px;}
    
    .books-left p {font-size: 20px;line-height: 35px;}
    .books-right ul li p {font-size: 20px;line-height: 35px;}
    .books-center p{font-size: 20px;line-height: 35px;    padding: 0 0 11px 142px;}
    .copy:after{right: 5px;}
    .books-center p br{display: none;}

    .copy-right:before {right: -162px;z-index: 9;}
    .copy-right1:before {right: -162px;z-index: 9;}
    .book:after {right: 152px;}
    .copy:before{width: 70%;}
   .book:before{width: 70%;}
    .copy-right {padding: 210px 47px 0 15px;}
    .copy-blk {left: -159px;width: 266px;}
    .copy-left {width: 46%;}
    .copy-right {width: 54%;}
    .copy-right h3 {font-size: 24px;line-height: 32px;padding: 0 0 15px 111px;}
    .book-left p{font-size: 20px;
    line-height: 27px;letter-spacing: 0.3px;}
    .book-left {width: 35%;}
    .book-right {width: 65%;}
    nav ul li.blk:nth-child(2) span{right: -58px;}
    .copy-right1 {width: 60%;}
    .copy-left {width: 40%;}
    .copy-blk {left: -138px;width: 240px;}
    .copy-right:before {right: -235px;z-index: 9;}
    .copy-right {padding: 144px 47px 0 15px;}
    .copy-right1 p {font-size: 17px;line-height: 27px;}
    .book-right-cont {left: 534px;width: 197px;}
    .main-content:before{right: 152px;}
    .copy-right p {padding: 0px 85px 12px 30px;}
    .copy-blk img{height: 255px;}
    .copy-left figure img {height: 495px;}
     .copy h2:after{    width: 87.2%;}
     .copy-right1 p {padding: 0 195px 0 145px;}
     .copy-left.content figure img {height: 778px;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
@media only screen and (max-width:1300px) {
    .book:after {right: 140px;}
    
   
    .copy-right {width: 65%;}
    .copy-left {width: 35%;}
  
    .copy-right1 {padding: 44px 36px 20px 0px;}
    .copy-right1 p {font-size: 16px;line-height: 24px;}
    
    .book-left {width: 30%;}
    .book-right {width: 70%;}
    .book-left p {font-size: 18px;line-height: 23px;letter-spacing: 0.3px;}
    .copy-right h3 {font-size: 22px;line-height: 32px;padding: 0 0 15px 111px;}
    .copy-right p {font-size: 16px;line-height: 23px;}
    .copy-right p {padding: 0 95px 7px 0;}
    .books-left {width: 27.1%;}
    .books-center {width: 29.4%;}
    .books-left p {font-size: 20px;line-height: 27px;}
    nav ul li:after {right: -41px;}
    nav ul li {padding: 0px 76px 0 32px;}
    nav ul li.blk:nth-child(2) span {right: -52px;width: 200px;}
    nav:before{background-size: contain;width: 214px;
    height: 397px;}
    .copy-right:before{background-size: contain;width: 274px;height: 286px;right: -112px;z-index: 9;top: 15px;}
    .copy-right1:before{background-size: contain;width: 274px;
    height: 286px;right: -112px;z-index: 9;top: 15px;}
   
   
    .books-center p {font-size: 20px;line-height: 31px;padding: 0 0 11px 146px;}
    .book-in:before{top: -267px;width: 332px;
        height: 425px;background-size: contain;}
    .finding p{font-size: 17px;line-height: 19px;}
    .copy-right1 p {padding: 0 158px 0 0px;}
 
    
    .copy-right1 {width: 45%;}
    .copy-left.content figure img {height: 761px;}
     .main-content:before {right: 134px;width: 68px;}
     .copy:after{width: 313px;right: 12px;z-index: 9;background-size: contain;}
    
    
    
   
}
    
@media only screen and (max-width:1200px) {
    .copy-right:before {background-size: contain;width: 274px;height: 286px;right: -108px;z-index: 9;top: 15px;}
    .copy-right1:before {background-size: contain;width: 274px;height: 286px;right: -108px;z-index: 9;top: 15px;}
    .main-content:before {right: 140px;width: 48px;}
    .book-right {width: 60%;}
    .book-left {width: 40%;}
    .book-right figure {width: 385px;}
    .book-right-cont {left: 444px;width: 138px;}
    .copy-left {width: 30%;}
    .copy-right {width: 70%;}
    .copy-right1 {width: 70%;}
    .copy-blk {left: -88px;width: 160px;}
    .copy-right {padding: 165px 47px 0 15px;}
    .copy-right:before{background-size: contain;width: 200px;height: 200px;right: -95px;z-index: 9;top: 15px;}
    .copy-right1:before{background-size: contain;width: 200px;
    height: 200px;right: -95px; z-index: 9;top: 15px;}
    .copy h2:after {left: -37px;width: 89.3%;}
    .copy-right p {padding: 0 43px 7px 45px;}
    .copy-right1 p {padding: 0 85px 0 15px;letter-spacing: 0.5px;}
    .copy-right p {font-size: 18px;line-height: 21px;}
    .copy-right1 p {font-size: 19px;line-height: 25px;}
    
    .books-left {width: 33.1%;}
    .books-left {width: 33.1%;}
    .books-right ul li p {font-size: 17px;line-height: 35px;}
    .books-right ul li:nth-child(1):after{width: 362px;height: 129px;background-size: contain;top: 85px;}
    .books-right ul li:after{width: 347px;}
    main-content:before {right: 139px;width: 48px;}
    .book-right-cont {left: 503px;width: 138px;}
    
   
    .copy-left.content {width: 50%;}
    .copy-right1 {width: 50%;}
    .copy-left.content figure img {height: 501px;}
    .copy-blk img {height: 247px;}
    .main-content:before {right: 119px;width: 48px;}
    .copy-right p {font-size: 13px;line-height: 26px;}
    .copy-right1 p {font-size: 13px;line-height: 25px;}
    .banner figure img {width: 670px;}
    .gift {top: 36px;left: 267px;}
    .finding {left: 479px;}
    nav:before {background-size: contain;width: 185px;height: 413px;bottom: -58px;right: 17px;}
    .finding p {font-size: 14px;line-height: 16px;}
    .books-left p {font-size: 17px;line-height: 26px;}
    .books-center p {font-size: 17px;line-height: 28px;padding: 0 0 11px 146px;}
    nav ul li a{font-size: 21px;line-height: 25px;}
    
    .copy-left figure img {height: 411px;}
    
   .copy-right:before {background-size: contain;width: 200px;height: 200px;right: -83px;z-index: 9;top: 15px;}
.copy-right1:before {background-size: contain;width: 200px;height: 200px;right: -83px;z-index: 9;top: 15px;}

.copy-left.content figure img {height: 520px;}
    
    .copy:after {
    width: 229px;
        right: 29px;}
     
    
    
    
    
    
    
}
/*
@media only screen and (max-width:1024px) {
    
    .main-content:before {right: 114px;width: 48px;}
    .copy-right h3 {font-size: 18px;line-height: 32px;padding: 0 0 6px 111px;}
    .copy-right {padding: 157px 47px 0 22px;}
    .copy-right1 p {font-size: 13px;line-height: 22px;}
    
     .book-right-cont {left: 434px;width: 138px;}
    .book-in:before{left: 101px;}
     
    .copy-right:before {right: -96px;z-index: 9;}  
    .copy-right1:before {right: -96px;z-index: 9;}
    
    .copy-right:before {right: -82px;z-index: 9;}
    .copy-right1:before {right: -82px;z-index: 9;}
  
    
}
@media only screen and (max-width:991px) {
    
    .main-content:before {right: 95px;width: 48px;}
    .copy-left.content figure img {height: 614px;}
    
    .books-center {width: 50%;}
    .books-left {width: 50%;}
    .copy-right1 p {font-size: 13px;line-height: 24px;}
    .books-left p {font-size: 20px;line-height: 27px;padding: 0 87px 0 0;}
    .books-center p {font-size: 17px;line-height: 28px;padding: 0 0 11px 117px;}
    .copy-right {padding: 143px 47px 0 22px;}
    
    .banner figure img {width: 494px;}
    .gift {top: 20px;left: 163px;}
    .gift h2{letter-spacing: 6.3px;}
    .finding {left: 365px;}
    nav:before {background-size: contain;width: 137px;height: 344px;bottom: -59px;right: 17px;}
   .copy-blk {left: -55px;width: 160px;}
    
    
    .copy-right:before {right: -97px;z-index: 9;}
    .copy-right1:before {right: -97px;z-index: 9;}
*/
    
    
    
    
    
    
}    

@media only screen and (max-width:1024px) {
    
    .main-content:before {right: 114px;width: 48px;}
    .copy-right h3 {font-size: 18px;line-height: 22px;padding: 0 0 6px 111px;}
    .copy-right1 p br{display: none;}
    .copy-right1 p {font-size: 13px;line-height: 22px;}
    
   
    
}
@media only screen and (max-width:991px) {
    .copy:after{display: none;}
    .copy-right:before{display: none;}
    .copy-right1:before{display: none;}
    .books-right ul li:nth-child(1):after{width: 300px;left: 0;right: 0;margin: 0 auto;}
    .books-right ul li:after{width: 300px;left: 0;right: 0;margin: 0 auto;}
    .gift h2{font-size: 19px;letter-spacing: 8.3px;}
    .books-left{width: 100%;float: none;padding: 10px 0;}
    .books-center{width: 50%;padding: 10px 0;}
    .books-right{width: 50%;padding: 10px 30px;}
    .books-center p{padding: 0 0 10px 0;}
    nav ul li{padding: 0px 45px 0 32px;}
    .books-right ul li p{font-size: 15px;line-height: 20px;padding: 0 0 0 15px;}
    .copy-right h3{padding: 0 0 6px 45px;}
    .book-left p{font-size: 14px;}
    .copy-right1{padding: 44px 0 20px 0px;}
    nav ul li a{font-size: 16px;}
 nav ul li.blk:nth-child(2) span {
    right: -53px;
    width: 115px;
}
    .reed{padding: 266px 0 0; }
    .book-in:before {top: -199px;width: 307px;height: 358px;background-size: contain;}
    .books-left p{font-size: 15px;}
    .main-content:before{display: none;}
    
    .copy-in{width: 100%;}
    .copy-right1 p{padding-right: 15px;}
    .copy-left{width: 50%;}
    .copy-left figure img{height: auto;}
    .copy-right{width: 50%;padding: 20px 20px;}
    .copy-blk img{display: none;}
    .copy-right h3{padding: 10px 10px;}
    .copy-right p{padding: 2px 10px;}
    .finding{display: none;}
    .book-left{width: 100%;padding: 42px 15px 0;}
    .book-right{width: 100%;margin: 0 auto;text-align: center;}
    .book-right figure{margin: 0 auto;}
    .book-right-cont{display: none;}
    .books-right ul li:after{top: 60px;left: 0;right: auto;}
    .books-right ul li:nth-child(1):after{top: 58px;left: 0;right: auto;}
    .copy-right1 p {
    font-size: 16px;
    line-height:27px;
}
     .copy h2:after {left: 0px;width: 100%;}
    .book h2:after{left: 0px;width: 100%;}
}    
@media only screen and (max-width:767px) {
    nav ul li{padding: 5px 0px;display: block;text-align: center;}
    nav{height: auto;padding-top: 0px;}
    .gift h2{font-size: 19px;
    letter-spacing: 5.3px;}
    .gift{left: 186px;}
    .copy-right1 p{padding: 0 9px;font-size: 15px;}
    .books-center p{font-size: 15px;}
    .copy-left.content{width: 100%;padding: 22px 0 0 0;}
    .copy-right1{width: 100%;}
    .copy-right1{padding: 20px 0;}
    .copy-left{width: 100%;}
    .copy-right{width: 100%;}
    .books-center{width: 100%;text-align: center;}
    .books-right{width: 100%;text-align: center;}
    .banner{padding: 126px 0 0 0;}
    nav ul li:after {display: none;}
    nav ul li.blk:nth-child(2) span{display: none;}
    .copy-right{padding-right: 0px !important;}
    nav:before{bottom: -41px;right: 3px;}
    .banner figure img {width: 436px;}
    .books-right ul li:nth-child(1):after{left: 0;
    right: 0;}
    .books-right ul li:after{left: 0;right: 0;}
    .copy-left.content figure img{height: auto;}
   
}
@media only screen and (max-width:599px) {
    .book-in:before{top: -152px;width: 250px;height: 310px;left: 150px;}
    .reed {padding: 159px 0 0;}
    .banner {padding: 108px 0 0 0;}
    .gift {left: 93px;}
    nav ul li{padding: 5px 25px;}
    nav ul li:after {right: -39px;top: -16px;width: 72px;height: 88px;background-size: contain;background-repeat: no-repeat;}
    nav ul li.blk:nth-child(2) span {right: -34px;width: 83px;top: -14px;}
    nav ul li a{font-size: 15px;}
   nav:before {bottom: -73px;right: 0;width: 163px;}
    .books-right ul li:nth-child(1):after {
        top: 58px;}
   .books-right ul li{padding: 0px 0 73px 0;}
    .banner figure img{width: 379px;}
}
@media only screen and (max-width:475px) {
    .books-right ul li:nth-child(1):after{width: 250px;}
    .books-right ul li:after{width: 250px;}
 nav:before {width: 115px;height: 267px;bottom: 4px;}
    .gift h2 {font-size: 15px;letter-spacing: 4.3px;}
    .gift {left: 13px;}
.book-in:before {top: -158px;width: 178px;height: 310px;left: 123px;}
    .book-right figure {width: 250px;}

 .books-left p{font-size: 13px;}
    .copy-right1 p{font-size: 13px;}
    .books-center p{font-size: 13px;line-height: 18px;}
    .book-right figure img{width: 250px;margin: 0 0 0 17px;display: block;text-align: center;}
    .book-right{padding: 0;}
    .books-left p {padding: 0 50px 0 0;}
    .books-right ul li:nth-child(1):after{top: 48px;width: 220px}
    .books-right ul li:after{top: 60px;width: 220px}
    .books-right p br{display: none;}
   
}
@media only screen and (max-width:375px) {
     .books-right ul li:nth-child(1):after{top: 65px;width: 220px}
    .books-right ul li:after{top: 75px;width: 220px}
}