@media only screen and (max-width:1200px){
    .video-content-box .title-md{
        font-size: 14px;
    }
    .bootom-thin-text{
        position: static;
        margin-top: 15px;
        line-height: 13px;
    }
}
@media only screen and (max-width:1199px){
 
}


@media only screen and (max-width:1024px){
    #top-wrapper {
        height: 650px;
    }
    .modalview.animate #top-wrapper{
        height: 600px;
    }
    #menu-wrapper{
        top: 25%;
        height: initial;
    }
    .xl-title{
        font-size: 30px;
    }
}

@media only screen and (max-width: 991px){
.video-banner-flex{
    display: block;
}
.video-banner{
    width: 100%;
}
.video-content-box{
    width: 100%;
}
.velvet-content{
    top: 5%;
}
.discription-box{
    width: 90%;
}
.velvet-bottom ul li {
    width: 40%;
}


}

@media only screen and (max-width: 768px) and (min-width: 601px){
#top-wrapper, .frontcover{
    top: 0px !important;
}
}

@media only screen and (max-width: 768px) {
    
    .xl-title{
     margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    }
    .title-md{
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    .front {
        background: url(../img/godrej-flipbook-1screen-with-text.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .mainpage-heading{
        color: #fff;
        opacity: 1;
    }
    #open-it{
        opacity: 1;
    }
    .mobile-image-first{
        display: block;
        width: 100%;
        height: auto;
    }
    #open-it{
        margin: 0px auto;
    }
    .main{
        width: 100%;
    }
    .desktop-page-number{
        display: none;
    }
    .mobile-page-number{
        display: block;
    }
    .second-page-content{
        padding-top: 0px;
    }
    .page-number-bottom {
        margin-top: 25px !important;
    }
    .page-content {
        padding: 15px 15px 0px 15px;
    }
    .page-name, .page-number{
        margin: 5px 0px 5px 0px;
    }
    .link-title-box a{
        padding: 0px;
    }
    .common-link-box{
        margin-bottom: 12px;
        padding-bottom: 10px;
    }


    
    .second-page-content{
        padding-top: 0px;
    }
    .book div{
        height: 100vh;
    }
    #top-wrapper{
        position: absolute;
        max-width: 90%;
    }
    .page-content{
        height: initial;
        overflow: initial;
    }
    .second-page-content{
        padding-top: 12px;
    }
    .page-number-bottom{
        position: relative;
        padding: 15px 30px 15px 30px;
    }
    .bb-custom-side{
        padding-bottom: 0px;
    }
    .page-number-bottom:after{
        left: 0px;
        right: 0px;
    }
    .first-page{
        background-color: #1E2229;
    }

  }


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

    .lg-title{
        font-size: 18px;
        font-weight: 600;
    }
    .frontcover{
        margin-top: -10px;
    }
    
    .bb-item{
        height: 100%;
    }
    .first-page{
        height: 100vh;
        background-color: #1E2229;
    }
    
    a.bb-flip{
        z-index: 99999999;
        opacity: 1;
    }
    .velvet-bottom ul li img{
        max-height: initial;
    }
    .velvet-bottom ul li {
        width: 29%;
    }
    .second-page .lg-title{
        padding-right: 30px;
    }
    .video-banner-flex{
        margin-top: 20px;
    }
    .bootom-thin-text{
        margin-top: 8px;
    }
    .velvet-bottom {
        padding-top: 25px;
    }
    
    .page-content-padding-top{
        padding-top: 30px;
    }
    .page-content-p-0-m{
        padding-top: 0px;
    }
    #top-wrapper{
        max-width: 100%;
        left: 0px;
    }
  }
 

  @media only screen and (max-width: 400px){
    .first-page{
        height: 100%;
    }
  }