
#menu-for-iphone { display:none; }
#header { padding: 0; background-color: #ffffff; display:none; }




          /* ----------- iPhone 5 and 5S ----------- */

        /* Portrait and Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2) {

        }

        /* Iphone Portrait */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

            .container_menubar_researchall { display:none !important; height:0 !important; background-color:transparent !important;  }
            .container_menubar { display:none !important; height:0 !important; background-color:transparent !important;  }

            #containerfixedscroll { display:none !important; height:0 !important; width:0 !important; background-color:transparent !important; z-index:1000 !important; border:solid 5px blue; }

            

            /* IPHONE MENU - left and right */
            #container-ipad { display:block !important; margin: 0 auto; padding: 0 0 0 0; text-align: center; width:100%; height:150px;   }
            /*
            .biznet-logo-ipad { display:block !important; float:left; text-align:left; opacity:1.0; margin:0 0 0 2%; background:url('../images/biznet-logo-home-networking.png') no-repeat left; height:100px; width:40%; max-width:40%;}
            */
            .biznet-logo-ipad { display:block !important; float:left; text-align:left; }
            #ipad-right {  display:block !important; float:right; width:43%; text-align:right; margin:2% 2% 1% 0; }
            
            .container-nav {
                display: inline-block;
                cursor: pointer;
            }

            .bar1, .bar2, .bar3 {
                width: 75px;
                height: 8px !important;
                background-color: #333;
                margin: 22px 0 !important;;
                transition: 0.4s;
            }

            /* Rotate first bar */
            .change .bar1 {
                -webkit-transform: rotate(-45deg) translate(-29px, 26px) ;
                transform: rotate(-45deg) translate(-29px, 26px) ;
            }

            /* Fade out the second bar */
            .change .bar2 {
                opacity: 0;
            }

            /* Rotate last bar */
            .change .bar3 {
                -webkit-transform: rotate(45deg) translate(-18px, -18px) ;
                transform: rotate(45deg) translate(-18px, -18px) ;
            }


            /* STYLE OF THE IPHONE MENUBAR */
            #header h1 
            {
                display:none;
                margin:0;
                padding:0;
                text-align:center;
                vertical-align:middle;      
            }
    
            #header h1 a
            {
    
                background-color: #ccc;
                border-bottom: 1px solid #666;
                color:#222;
                display:block;
                font-size:20px;
                font-weight:600;
                padding: 10px 0;
                text-align:center;
                text-decoration:none;
                text-shadow: 0px 1px 0px #fff;
                background-image: -webkit-gradient(linear, left top, left bottom, 
                                                   from(#ccc), to(#999));

                
            }
    
            #header ul
            {
                background-color:#E9E5DC;
                list-style: none;
                margin: 10px;
                padding: 0;
                font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            }
    
            #header ul li a
            {
    
                /*background-color: #ffffff;*/
                background-color:#E9E5DC;
                border: 2px solid #999999;
                color: #222222;
                display: block;
                font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                font-size: 46px !important;
                font-weight: 600;
                margin-bottom: -1px;
                padding: 35px 15px !important;
                text-decoration: none;   
            }
    
            #header ul li:first-child a
            {
                -webkit-border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
            }
    
            #header ul li:last-child a
            {
                -webkit-border-bottom-left-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
            }
    
            #header div.leftButton
            {
                font-weight:bold;
                text-align:center;
                line-height:108px;
                color:White;
                text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
                position:absolute;
                top:7px;
                left:6px;
                max-width:250px;
                height:156px;
                width:156px;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
                border:none;
                /*
                -webkit-border-image: url(../images/back_button.png) 0 8 0 14;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                */
            }
    
    
            #content, #sidebar
            {
                padding:1px;   
                /*background-color:#999999;*/
            }


        }

                /* Iphone 5 / 5s Landscape */
                @media only screen 
                and (min-device-width: 320px) 
                and (max-device-width: 568px)
                and (-webkit-min-device-pixel-ratio: 1)
                /* and (-webkit-text-size-adjust:auto) 414 width */
                and (orientation: landscape) 
                {
                    .container_menubar_researchall { display:none !important; height:0 !important; background-color:transparent !important;  }
                    .container_menubar { display:none !important; height:0 !important; background-color:transparent !important;  }
        
                    #containerfixedscroll { display:none !important; height:0 !important; width:0 !important; background-color:transparent !important; z-index:1000 !important; }
        
                    
                    /* IPHONE MENU - left and right */
                    #container-ipad { display:block !important; margin: 0 auto; padding: 0 0 0 0; text-align: center; width:100%; height:100px;   }
                    /*
                    .biznet-logo-ipad { display:block !important; float:left; text-align:left; opacity:1.0; margin:0 0 0 2%; background:url('../images/biznet-logo-home-networking.png') no-repeat left; height:100px; width:40%; max-width:40%;}
                    */
                    .biznet-logo-ipad { display:block !important; float:left; text-align:left; }
                    #ipad-right {  display:block !important; float:right; width:43%; text-align:right; margin:2% 2% 1% 0; }
                    
                    .container-nav {
                        display: inline-block;
                        cursor: pointer;
                    }
        
                    .bar1, .bar2, .bar3 {
                        width: 45px;
                        height: 4px !important;
                        background-color: #333;
                        margin: 12px 0 !important;;
                        transition: 0.4s;
                    }
        
                    /* Rotate first bar */
                    .change .bar1 {
                        -webkit-transform: rotate(-45deg) translate(-29px, 26px) ;
                        transform: rotate(-45deg) translate(-29px, 26px) ;
                    }
        
                    /* Fade out the second bar */
                    .change .bar2 {
                        opacity: 0;
                    }
        
                    /* Rotate last bar */
                    .change .bar3 {
                        -webkit-transform: rotate(45deg) translate(-18px, -18px) ;
                        transform: rotate(45deg) translate(-18px, -18px) ;
                    }
        
        
                    /* STYLE OF THE IPHONE MENUBAR */
                    #header h1 
                    {
                        display:none;
                        margin:0;
                        padding:0;
                        text-align:center;
                        vertical-align:middle;      
                    }
            
                    #header h1 a
                    {
            
                        background-color: #ccc;
                        border-bottom: 1px solid #666;
                        color:#222;
                        display:block;
                        font-size:20px;
                        font-weight:600;
                        padding: 5px 0;
                        text-align:center;
                        text-decoration:none;
                        text-shadow: 0px 1px 0px #fff;
                        background-image: -webkit-gradient(linear, left top, left bottom, 
                                                           from(#ccc), to(#999));
        
                        
                    }
            
                    #header ul
                    {
                        background-color:#E9E5DC;
                        list-style: none;
                        margin: 5px;
                        padding: 0;
                        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    }
            
                    #header ul li a
                    {
            
                        /*background-color: #ffffff;*/
                        background-color:#E9E5DC;
                        border: 2px solid #999999;
                        color: #222222;
                        display: block;
                        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                        font-size: 26px !important;
                        font-weight: 600;
                        margin-bottom: -1px;
                        padding: 25px 15px !important;
                        text-decoration: none;   
                    }
            
                    #header ul li:first-child a
                    {
                        -webkit-border-top-left-radius: 4px;
                        -webkit-border-top-right-radius: 4px;
                    }
            
                    #header ul li:last-child a
                    {
                        -webkit-border-bottom-left-radius: 4px;
                        -webkit-border-bottom-right-radius: 4px;
                    }
            
                    #header div.leftButton
                    {
                        font-weight:bold;
                        text-align:center;
                        line-height:108px;
                        color:White;
                        text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
                        position:absolute;
                        top:7px;
                        left:6px;
                        max-width:250px;
                        height:100px;
                        width:80px;
                        white-space:nowrap;
                        overflow:hidden;
                        text-overflow:ellipsis;
                        border:none;
                        /*
                        -webkit-border-image: url(../images/back_button.png) 0 8 0 14;
                        -webkit-tap-highlight-color: rgba(0,0,0,0);
                        */
                    }
            
            
                    #content, #sidebar
                    {
                        padding:1px;   
                        /*background-color:#999999;*/
                    }
                }

