header{
  background-color: transparent;
}
.custom-logo{
position: absolute;
width: 100px;
left: 50px;
top: 10px;
}
.main-header-logo img{
max-width: 100px;
}
header .main-nav .mainHeaderWrap{
  padding-top: 10px;
  position: absolute;
  width: 100%;
  padding-left: 30px;
}
.mainHeaderWrap{
  min-height: 60px !important;
}
main{
  padding-top: 0px;
}
.flipbook-section {
   
    background: #510101;
    padding-top: 0px;
    padding-bottom: 0px;
}

.flipbook-section  .About_info{
   background: transparent !important;
   padding-bottom: 0px !important;
}
.flipbook-section  .About_info h1{
font-size: 26px;
}
.flipbook-section  .flipbook-container {
margin-top: 0px;
}


.flipbook-section  .flipbook-container iframe{

    width: 100%;
    height: calc(100dvh - 45.5px);
    background-color:transparent !important;
   
}
.flipbook-section  .flipbook-container iframe body{
    background-color:transparent !important;
}

@media only screen and (max-width: 1600px) {
    .flipbook-section {   
        background: #4e0000;
    }
  }

  @media only screen and (max-width: 1500px) {
    .flipbook-section {   
        background: #4c0000;
    }
  }

  @media only screen and (max-width: 1430px) {
    .flipbook-section {   
        background: #4f0000;;
    }
  }
  @media only screen and (max-width: 1360px) {
    .flipbook-section {   
        background: #510101;
    }
  }
  @media only screen and (max-width: 1250px) {
    .flipbook-section {   
        background: #4f0000;
    }
  }
  @media only screen and (max-width: 1150px) {
    .flipbook-section {   
        background: #560000;
    }
  }
  @media only screen and (max-width: 1100px) {
    .flipbook-section {   
        background: #500000;
    }
  }
  @media only screen and (max-width: 1100px) {
  .flipbook-section  .About_info{
    h1{
        justify-content: center;;
    }
  }
}
  @media only screen and (max-width: 1100px) {

  }
@media only screen and (max-width: 767px) {
    .flipbook-section  .About_info{
        margin-top: 0px;
}

}
@media only screen and (max-width: 645px) {
    .flipbook-section  .About_info{
      h1{
       padding-bottom: 20px;
       font-size: 24px;
       line-height: inherit ;
      }
    }
  }

@media only screen and (max-width: 600px) {
.custom-logo{
  left: 15px;
}
}


@media only screen and (max-width: 550px) {
  .custom-logo{
  left: 15px;
}
    .flipbook-section .About_info 
        h1 {
  padding-left: 90px;
}
    .flipbook-section  .About_info
      h1{
        font-size: 20px;
        position: absolute;;
    top:20px;
    right: 20px;
      }
      .flipbook-section .flipbook-container iframe{
        height: 100dvh;
      }
}