/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* ======================== TABLET ================================================= */
/*@media only screen and (min-width:481px) and (max-width:800px)*/
@media only screen and (min-width:481px) and (max-width:1024px)
{
    /* Re-formatting: Width ........... */
    p#intro img
    {
        width: 50%;
        height: auto; /*If specified as 50%, the Galaxy tablet renders the aspect ratio incorrectly */
    }

    section.sidebox
    {
        margin: 0 10px 10px 0;
        padding: 0;
        width: 244px;
        float: left;
        display: inline-block;
    }

    section img /* for all images but those in the right rail*/
    {
        width: 100%;
        height: auto;
    }

    #main_sidebar img /* for images in right rail */
    {
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        float: left;
    }
    /* Width - END */

    #utility_nav ul /*6 Aug - removes very-top navigation bar except for search*/
    {
        display: none;
    }


    .wrapper /* Note that this differs from #wrapper */
    {
        max-width: /*768*/ 800px;
        min-height: 480px;
        width: 100%;
    }

    #slideshow
    {
        width: 100%;
        margin: 0;
        padding: 0; /*  position:relative;*/ /* Position is basis for positioning #slide_pager */ /* TKM - slider takes care of it*/
        margin-top: /*-60*/ -48px;
    }

    #slide_pager
    {
        /* position:absolute; */ /* Position is set against #slideshow; changed from "relative" */ /* top:400px; */ /* right:80%; */
        z-index: 100; /* Must not appear over hamburger menu */
        bottom: 20px;
        right: 20px;
    }

    .slide
    {
        color: #fff;
        margin: 0;
        padding: 14% 5% 0 50% /*114px 230px 0 678px*/;
        position: absolute;
        top: 0;
        left: 0;
    }

    .slide h2
    {
        font-size: 1.5rem;
        font-weight: bold;
        padding: 0px;
    }

    .slide h3
    {
        font-size: 1.0rem;
        line-height: 1.3rem;
        font-weight: normal;
        margin: 0px 0px 30px;
    }

    #slideshow .slide a
    {
        font-size: /*0.9*/ 1rem;
        font-weight: normal;
        display: block;
        background-position: 0px 4px;
    }

    #news_ticker
    {
        width: 100%;
        height: auto; /*51px;*/
        color: #fff; /*background: transparent url(../images/backgrounds/news_ticker.png) center top no-repeat;*/
        background-color: rgba(0,0,0,0.3); /* position: absolute;         top:500px;*/
    }

    #news_ticker .container
    {
        width: 100%; /* padding-left: 0.3%;*/
    }

    #news_ticker_items
    {
        /* width: 75%;*/ /*100%*/
        padding: 12px 30px; /*12px;*/ /*overflow: hidden;*/
        margin: 0px;
        width: auto;
    }

    #news_ticker_items ul
    {
        height: 50px;
    }

    #news_ticker_items li, #news_ticker_items img
    {
        /*display: inline-block;*/ /* also have in-line style z-index or 7 (hidden) or 8 (displayed) */
        vertical-align: middle; /* font-size:0.5rem;*/ /* added to reduce width of headline on tablet */ /*max-height: 55px;*/
        font-size: 0.9rem;
        white-space: normal;
        line-height: normal;
        height: auto;
    }

    #news_ticker_items li a
    {
        font-size: 0.9rem; /* width:500px;*/
        display: inline; /*float:left;*/
        white-space: normal; /*nowrap*/ /* overflow: hidden;     text-overflow: ellipsis; */ /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/ /* -o-text-overflow: ellipsis; */ /* for Opera 9 & 10*/
    }

    /* #news_ticker_pager
                                    {
                                        position:absolute;
                                        width:075px;
                                        top:005px;
                                        left:0.0%;
                                        z-index:9;
                                    }
                            */

    #news_ticker_pager
    {
        display: none; /*testing showing first news item as static item*/ /*position: absolute;         top: 16px;         right: 20px;         z-index: 10;         height: 51px;*/ /* padding: 0px 0px 0px 50px;         border-right: 20px solid black;         background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));         background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));         background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));         background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));         background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));         background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));         background-repeat: repeat-x;         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 1)', GradientType=1);*/
    }

    .mobile_only
    {
        display: none;
    }

    .site_header /*This makes the content butt agains the header bar*/
    {
        height: 48px;
    }

    /* Componennt: header bar ........... */

    #utility_nav .container
    {
        height: 48px;
    }

    #utility_nav /*6 Aug - from above*/
    {
        text-align: right;
        height: 48px; /* 6 Aug - changed from 32 to 48 */
        background: rgba(0,0,0,0.4);
        position: relative;
        z-index: 60;
    }

    #utility_nav ul /* 6  Aug - removes top bar of navigation except search */
    {
        display: none;
    }

    #search_form /* 6 Aug - from above*/
    {
        margin: 0;
        padding: 12px 12px 0 0; /*top & ;right margins increased */
        float: clear;
    }

    div#search_invocation /* This div is only for mobile, found in TopUtiityMenuGoogleSearch.aspx */
    {
        display: none;
    }


    /* Component: Mega-menu ........... */
    div.container nav#main_nav ul li /* Hides main menu on all but tablet and mobile pages */
    {
        display: none;
    }

    div#hide_after_home nav#main_nav ul li /* Shows main menu only on tablet and mobile pages */
    {
        display: block;
    }

    #main_nav #logo /* 6 Aug - hides large logo */
    {
        display: none;
    }
    /* ........... */

    h1 ul li .content
    {
        font-family: CabinMedium,Arial, "Helvetica Neue" ,Helvetica,sans-serif;
        font-size: 1.8rem;
    }

    /* Pages:  "Technologies & Standards", "Solutions" and "Company" .......... */





    /* Pages: Solutions sub-pages ........... */
    div.content ul.tabnav_lines
    {
        margin: 0;
    }

    /* Page: Company ........... */
    #company_info div
    {
        width: 45%;
        min-width: 220px;
        min-height: 165px;
        height: auto; /*margin: 0 0 0 3%;*/
        margin: 0px;
        padding: 0;
        float: left;
    }

    div#company_careers, div#company_investors, div#company_management, div#company_news_and_events
    {
        height: auto;
    }

    div#company_careers, div#company_management
    {
        clear: both;
        margin-right: 20px;
    }

    /* Page: Contact Us ............ */
    #address_phone_numbers table
    {
        width: 400px;
        margin-left: 5px;
    }

    div#sales_offices.tab li
    {
        width: 33%;
        min-width: 200px; /*max-height: 5%;*/
        padding-right: 20px;
    }

    #footer_nav a /* also in tablet to increase margin*/
    {
        margin-right: 20px;
    }

    /*   nav#footer_nav*/    /* also in mobile to increase height */
    /* {
                                    width:100%;
                                    height:36px;
                                    margin:0;
                                    padding:0;
                                    position:relative;*/
    /*left:-12px; */    /* This negative value used so <nav> would left align on tablet */
    /*  }*/

    /*  #footer_nav p
                                    {
                                        display:block;
                                        font-size: 0.7rem;
                                        padding:0;
                                        margin:0;
                                        color:#dddddd;
                                        position:relative;
                                        top:25px;
                                        left:42%;
                                    }

                                    #footer_nav ul
                                    {
                                        height:1.3rem;
                                        position:relative;
                                        bottom:03px;
                                        left:-27%;
                                    }*/

    /* Page: Connectivity Innovation ............ */
 /*   .fadein 
    {
        clear: both;
        width: 100%;
        margin: auto;
        padding: 10px 20px 0 20px;
        text-align: center;
    }*/






   /* .video_outer_frame
    {
        height: 800px;
    }*/

    h1#mobile_tablet_only
    {
        padding-top: 27px;
    }

    /* Page: homepage ............ */
    /*  div#hero_1,div#hero_2,div#hero_3,div#hero_4
                                {
                                    width:100%;
                                    margin-bottom: -4em;
                                } */

    /* Page: Careers ............ */
    img[alt="careers_textbox2"]
    {
        /*padding: 5% 1% 1% 8%;*/
        padding-left: 28px;
    }

    /* Page: Upcoming Events ........... */
    ul#upcoming_events li a img
    {
        /*width: 15%;*/
        width: auto;
    }

    /* Page: Compliance and Interoperability Testing ........... */
    img[alt="Simplay_banner"]
    {
        width: 70%;
    }

    .more_ellipses
    {
        display: none;
    }

     .BCLvideoWrapper div,
     .BCLvideoWrapper embed,
     .BCLvideoWrapper object,
     .BrightcoveExperience {
        /*position: absolute;*/
        width: 100%; 

}

/*Changes for the Lattice announcement*/
a.LSCCbutton, #home_header a.LSCCbutton {margin:0px 0px 0px 10px;}

.site_header {background-position:0px 46px;height:91px;} /*48px + 43px from LSCC banner*/
/*End changes for the Lattice announcement*/  

}
/*End media query for TABLET */
