#flipbook.normal{
    /*border:1px solid #ff6a00;*/
    background-color:#fff;    
    margin:0 auto !important;   
    width: 100% !important;  
}

    #flipbook > .page-wrapper > div > .flip_img_content {
        background-color: #fff !important;
        font-size: 14px;
        /*width: 100% !important;
        height: 100% !important;*/
    }

    #flipbook > .pag {
        background-color: #fff !important;
        font-size: 14px;
        width: 100%;
        height: 100%;
    }
#flipbook > .page-wrapper {
    width: 50% !important;
    height: 100% !important;
}
    #flipbook > .page-wrapper > div:first-child {
        width: 100% !important;
        height: 100% !important;
    }
    /*#flipbook > .page-wrapper > div > .flip_img_content > img {
        width: 100%;
        height: 100%;
    }*/

.flipIconsContent{
    width:100%;
    margin:0 auto;
    padding:5px;
}

.flipIcon {
    font-size:18px;
    padding-left:15px;
    padding-top:10px;
}


@media screen and (max-width:992px){
    #flipbook.normal {
        /*width: 690px !important;*/
        height: 380px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {            
            height: 380px;
        }*/
    .flipIconsContent {
        width: 100%;
    }
}

@media screen and (max-width:740px){
    #flipbook.normal {
        /*width: 600px !important;*/
        height: 300px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 300px;
        }*/
    .flipIconsContent {
        width: 100%;
    }
}

@media screen and (max-width:420px){
    #flipbook.normal {
        /*width: 340px !important;*/
        height: 180px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 180px;
        }*/
    .flipIconsContent {
        width: 100%;
    }
}

@media screen and (max-width:380px){
    #flipbook.normal {
        /*width: 300px !important;*/
        height: 200px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 200px;
        }*/
    .flipIconsContent {
        width: 100%;
    }
}

@media screen and (max-width:360px){ 
    #flipbook.normal{
        /*width: 288px !important;*/
        height: 180px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            width: 288px;
            height: 180px;
        }*/
    .flipIconsContent {
        width: 100%;                
    }
}




#flipbook.fullscreen{    
    width: 100% !important; 
    height: 90% !important; 
}

    /*#flipbook.fullscreen > .flip_img_content {
        background-color: #fff !important;
        font-size: 14px;
        width: 100% !important;
        height: 100% !important;
    }

    #flipbook.fullscreen > .pag {
        background-color: #fff !important;
        font-size: 14px;
        width: 100%;
        height: 100%;
    }*/

/*#flipbook.fullscreen > .page-wrapper > div > .page > img {
    width:100%;
    height:auto;
}*/

/**********************************
    FlipBook para Catalogo Flyer
***********************************/

#flipbookf.normal{
    /*border:1px solid #ff6a00;*/
    background-color:#fff;    
    margin:0 auto !important;   
    width: 80% !important;  
    height: 610px !important;
}

    #flipbookf > .page-wrapper > div > .flip_img_content {
        background-color: #fff !important;
        font-size: 14px;
        /*width: 100% !important;
        height: 100% !important;*/
    }

    #flipbookf > .pag {
        background-color: #fff !important;
        font-size: 14px;
        width: 100%;
        height: 100%;
    }
#flipbookf > .page-wrapper {
    width: 50% !important;
    height: 100% !important;
}
    #flipbookf > .page-wrapper > div:first-child {
        width: 100% !important;
        height: 100% !important;
    }
    /*#flipbook > .page-wrapper > div > .flip_img_content > img {
        width: 100%;
        height: 100%;
    }*/

.flipIconsContentf{
    width:80%;
    margin:0 auto;
    padding:5px;
}

.flipIcon {
    font-size:18px;
    padding-left:15px;
    padding-top:10px;
}


@media screen and (max-width:992px){
    #flipbookf.normal {
        /*width: 690px !important;*/
        height: 380px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {            
            height: 380px;
        }*/
    .flipIconsContentf {
        width: 100%;
    }
}

@media screen and (max-width:740px){
    #flipbookf.normal {
        /*width: 600px !important;*/
        height: 300px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 300px;
        }*/
    .flipIconsContentf {
        width: 100%;
    }
}

@media screen and (max-width:420px){
    #flipbookf.normal {
        /*width: 340px !important;*/
        height: 180px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 180px;
        }*/
    .flipIconsContentf {
        width: 100%;
    }
}

@media screen and (max-width:380px){
    #flipbookf.normal {
        /*width: 300px !important;*/
        height: 200px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            height: 200px;
        }*/
    .flipIconsContentf {
        width: 100%;
    }
}

@media screen and (max-width:360px){ 
    #flipbookf.normal{
        /*width: 288px !important;*/
        height: 180px !important;
    }
        /*#flipbook.normal > .page-wrapper > div > .page > img {
            width: 288px;
            height: 180px;
        }*/
    .flipIconsContentf {
        width: 100%;                
    }
}




#flipbookf.fullscreen{    
    width: 100% !important; 
    height: 90% !important; 
}

    /*#flipbook.fullscreen > .flip_img_content {
        background-color: #fff !important;
        font-size: 14px;
        width: 100% !important;
        height: 100% !important;
    }

    #flipbook.fullscreen > .pag {
        background-color: #fff !important;
        font-size: 14px;
        width: 100%;
        height: 100%;
    }*/

/*#flipbook.fullscreen > .page-wrapper > div > .page > img {
    width:100%;
    height:auto;
}*/