@media only screen and (device-width: 768px) and (device-height: 1366px)
{
    @-ms-viewport { width: device-width; }
}

#everything { width: auto; }

/******************************/
/**** header items            */
@media only screen and (max-width: 790px)
{
    #ms-common-header #bing-search { max-width: 150px; }    
    #ms-common-header #bing-search-trigger { width: 17px; background-position:right 0; }

    #header #main-nav .menu-item-wrapper { margin-right: 10px;}

}
@media only screen and (max-width: 768px)
{   
    #ms-common-header #ms-major-links a { padding-left: 10px; font-size: 10px; }
    #ms-common-header #worldwide { float: left; margin-left:20px;}    
}
@media only screen and (max-width: 710px)
{   
    #header { height: 70px; } 
    #header #main-nav { display: none; font-size: 100%;  width: 100%; }    
    #header #right-side #main-nav-toggle    { display: inline-block; margin-right: 5px;  }
    #header #right-side .license-now-button { display:inline-block; }
    #header .show-main-nav { display: inline-block !important; }
}
@media only screen and (max-width: 650px)
{
    #ms-common-header #ms-major-links {clear:both; }
    #ms-common-header #ms-major-links a { padding-left: 0; padding-right: 10px; }
}
@media only screen and (max-width: 475px)
{
    #ms-common-header  { padding-left: 5px; }
    #header .site-logo { margin-left: 0 !important; }
}

@media only screen and (max-width: 390px)
{    
    #ms-common-header #ms-major-links a { padding-left: 0; padding-right: 3px; }
    #ms-common-header #worldwide { margin-left:10px;}    
    #header { padding-right: 0; }
    #header #right-side #main-nav-toggle { top: 5px; }
    #header #right-side .license-now-button { display:inline-block; background: transparent url(../media/license-now-small.png) 0 0 no-repeat; width: 108px; height: 25px; }   
    #header #body-content h1 { font-size: 90%; }
} 
@media only screen and (max-width: 320px)
{
    #ms-common-header { min-width: 310px; }
    #header #right-side .license-now-button { background: transparent url(../media/lic-now-icon.png) 0 0 no-repeat; width: 18px; height: 27px; margin-right:10px; }
}


/******************************/
/****      HOME PAGE          */

@media only screen and (max-width: 1100px)
{        
    #home #CTA2 .main-message { font-size: 90%; }
    #home #CTA1 div { font-size:0.9em; line-height: 1.1em; }

}
@media only screen and (max-width:980px) 
{ /* CTA2 drops below CTA1. CTA2 is blue box on right. CTA1 is rotating banner */
    #home #CTA1andCTA2-wrapper { background: none; }
    
    #home #CTA1 { float: none; margin-left: auto; margin-right: auto; width: 100%; }
    #home #CTA1 .flexslider .slides .partner-promo div  { line-height:1.2em; top: 10%; left: 45px; width:50%; text-align: left; }

    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.75em;  }
   
    #home #CTA2 { position: relative; right: auto; width: 100%; background: #00BCF2; }
    #home #CTA2 .main-message { font-size: 80%; }
    #home #CTA2 .main-message > div { margin: 2px 10px;  padding: 5px 0; }
    #home #CTA2 .main-message > div img { width: 33%; float: left; }
    #home #CTA2 .main-message > div #main-message-text { width: 66%; float: right; }
    #home #CTA3 { padding-top: 0; }
}

@media only screen and (max-width:900px)
{        
    #home #CTA2 .main-message { font-size: 70%; }

    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more { font-size:1.75em;  }

    #overview #block .main-message { font-size: 230%;  }
}

@media only screen and (max-width:800px)
{
    #overview #block .main-message { width: 54%; font-size: 210%;  }
    #overview #block .main-graphic { width: 39%;   }
}
@media only screen and (max-width:768px)
{
    #home .triple-block #block-2 { padding: 0; }
}

@media only screen and (max-width:750px)
{
    #home #CTA1 .flexslider .slides .lic-agreement div { line-height:1em; font-size:1.3em;  }
    #home #CTA1 .flexslider .slides .lic-agreement div + div { line-height:0.8em;  }
    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.5em; }

}
@media only screen and (max-width:710px)
{
    #overview #block .main-message { width: 50%; font-size: 190%;  }
    #overview #block .main-graphic { width: 43%;   }
}

@media only screen and (max-width:700px)
{
    #home #CTA2 .main-message > div > img { width: 180px; }

    #home #CTA1 .flexslider .slides .enh-content-prot div { left:10%;  top:10%; font-size:2em; }

}
@media only screen and (max-width:650px)
{   
    #home #CTA1 .flexslider .slides .partner-promo div  { width:50%;   }
    #home #CTA1 .flexslider .slides .partner-promo div.learn-more  { font-size: 1.6em; top:65%; }

    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.4em; }

    #home #CTA1 .flexslider .slides .client-SDKs div { top: 8%; font-size:2.25em;  }
    #home #CTA1 .flexslider .slides .client-SDKs div + div { top: 50%; font-size:1.7em; width: 80%;  }
    #home #CTA1 .flexslider .slides .client-SDKs div.learn-more{ top: 80%; left: 70%;font-size:1.5em;  }

    #home #CTA1 .flexslider .slides .enh-content-prot div { line-height: 1.3em; }
    #home #CTA1 .flexslider .slides .enh-content-prot div.learn-more { font-size:1.8em; top: 80%; left: 36%;  }

    #home #CTA2 .main-message {  line-height:1.3em;}

    #overview #block .main-message { width: 54%; padding:2% 1%; font-size: 180%;  }
    #overview #block .main-graphic { width: 36%; }
}
@media only screen and (max-width:600px)
{

    #home #CTA1 .flexslider .slides .partner-promo div  { font-size: 1.9em; left: 35px;  }
    #home #CTA1 .flexslider .slides .partner-promo div + div { font-size:1em;  }
    
    #home #CTA1 .flexslider .slides .Azure  div         { top:8%; }

    #home #CTA1 .flexslider .slides .enh-content-prot div { font-size:1.7em; }

    #overview #block .main-message { width: 54%; padding:2%;   }
    #overview #block .main-graphic { width: 36%; }

}
@media only screen and (max-width: 575px)
{
    #overview #block .main-message { width: 62%; }
    #overview #block .main-graphic { width: 32%; padding-right: 2%; padding-top: 7%; padding-bottom: 1%; }

    #home #CTA1 .flexslider .slides .Azure > img            { visibility: hidden; }
    #home #CTA1 .flexslider .slides .partner-promo > img    { visibility: hidden; }
    #home #CTA1 .flexslider .slides .lic-agreement > img    { visibility: hidden; }
    #home #CTA1 .flexslider .slides .client-SDKs > img      { visibility: hidden; }

    #home #CTA1 .flexslider .slides .Azure > div         { left: 35px; width: 80%; text-align: center; }

    #home #CTA1 .flexslider .slides .partner-promo > div { width: 80%; text-align: center;left: 40px;  }
    #home #CTA1 .flexslider .slides .partner-promo > div.learn-more { width: 80%; text-align: right; }

    #home #CTA1 .flexslider .slides .lic-agreement { background: #00188F; }
    #home #CTA1 .flexslider .slides .lic-agreement div {left: 35px; font-size:1.8em; line-height:1.4em; top:10%; width: 80%;text-align: center;color: #ffffff !important; }
    #home #CTA1 .flexslider .slides .lic-agreement div + div { left: 45px; font-size: 1.6em; line-height: 1.3em; top: 40%; width: 80%;  text-align: center;color: #ffffff !important;  font-weight: normal; }
    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.8em; top: 80%;font-weight: normal;  }
    #home #CTA1 .flexslider .slides .lic-agreement div a:hover {color: #fff;   }

    #home #CTA1 .flexslider .slides .client-SDKs div { width: 80%; line-height: 1.3em; text-align: center; }
    #home #CTA1 .flexslider .slides .client-SDKs div + div { left: 45px; width: 80%; top: 45%;  }
    #home #CTA1 .flexslider .slides .client-SDKs > div.learn-more { left: 45px; width: 80%; text-align: right; }
    
    #home #CTA2 .main-message > div #main-message-text { width: auto; float: none; text-align: left; }
    #home #CTA2 .main-message > div > img { padding:0 2% 0 0;  }

    /* hide the images in the triplet of CTA3 boxes */
    #home #CTA3 img {display: none; }
    #home #CTA3 div  {border: solid 1px #8FEAFF; width: 32%; min-height: 13em;}
}
@media only screen and (max-width: 525px)
{
    #home #CTA1 .flexslider .slides .client-SDKs div { line-height: 1.3em;  }
    #home #CTA1 .flexslider .slides .client-SDKs div + div { font-size: 1.6em;  }

    #home #CTA1 .flexslider .slides .partner-promo > div.learn-more { left: 45px; width: 80%; text-align: center; }

    #home #CTA1 .flexslider .slides .lic-agreement div {font-size: 1.6em; font-weight: normal;line-height:1.2em; top:8%;  }
    #home #CTA1 .flexslider .slides .lic-agreement div + div { left: 40px; font-size: 1.4em;  }
}
@media only screen and (max-width: 500px)
{
    #home #CTA3 div {min-height: 11em;}
    #home #CTA3 h3  {font-size:1.3em; }
    #home #CTA3 p   {font-size:0.9em;  }

    #overview #block .main-message { width: 96%; padding: 2%; min-height: 0; font-size: 150%;}
    #overview #block .main-graphic { display: none; }

    #home #CTA1 .flexslider .slides .enh-content-prot > img { visibility: hidden; }
    #home #CTA1 .flexslider .slides .enh-content-prot div            { top: 18%; left: 10%; width: 80%; }
    #home #CTA1 .flexslider .slides .enh-content-prot div.learn-more { line-height:1.6em; font-size:1.9em; top: 60%; left: 60%; width: 33%; color:#fff; }
}
@media only screen and (max-width: 480px)
{
    #home #CTA1 .flexslider .slides .Azure > div { font-size: 150%; }
    #home #CTA1 .flexslider .slides .Azure > div.learn-more {font-size:1.5em; top:80%; left: 60%; }

    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.3em;  }

    #home #CTA1 .flexslider .slides .enh-content-prot div.learn-more { top:76%; }

}
@media only screen and (max-width: 460px) 
{
    #home #CTA1 .flexslider .slides .Azure > div { font-size: 165%;  }

    #home #CTA1 .flexslider .slides .partner-promo div { font-size: 1.6em;  }

    #home #CTA3 div {}
    #home #CTA3 h3  {font-size:1.1em; }
    #home #CTA3 p   {font-size:0.9em;  }

     #overview #block .main-message { font-size: 130%; }
}
@media only screen and (max-width: 420px)
{    
    #home #CTA1 .flexslider .slides .Azure > div.learn-more {font-size:1.2em;  }
    
    #home #CTA1 .flexslider .slides .client-SDKs div { top: 10%; line-height: 1.1em; font-size: 1.7em;  }
    #home #CTA1 .flexslider .slides .client-SDKs div + div { line-height: 1.1em; font-size: 1.5em; }
    #home #CTA1 .flexslider .slides .client-SDKs div.learn-more { font-size: 1.3em;   }

    #home #CTA1 .flexslider .slides .lic-agreement div {font-size: 1.25em; line-height:1.1em; }
    #home #CTA1 .flexslider .slides .lic-agreement div + div { font-size: 1.2em;  }
    #home #CTA1 .flexslider .slides .lic-agreement div.learn-more {font-size:1.3em;  }


    /* stop floating the triplet of CTA3 boxes */
    #home #CTA3 div  {border: none; min-height:0; width: 100%; clear: both; text-align: left;}
    #home #CTA3 div  h3 {font-size: 1.1em; padding-left:0.5em;}
}

@media only screen and (max-width: 400px)
{
    #home #CTA1 .flexslider .slides .client-SDKs div { top: 5%;  }
    #home #CTA1 .flexslider .slides .client-SDKs div + div { top:40%; width: 75%; font-size: 1.3em; }
    #home #CTA1 .flexslider .slides .client-SDKs div.learn-more { top: 80%; display:block; text-align: right;   }

    #home #CTA1 .flexslider .slides .partner-promo div.learn-more    { font-size: 1.3em;  top:70%;   }

    #home #CTA1 .flexslider .slides .enh-content-prot div            { top:8%;font-size:1.55em; width:75%;left:12%;line-height:1.2em;}
    #home #CTA1 .flexslider .slides .enh-content-prot div.learn-more { top: 80%;font-size:1.3em; left:60%; width:50%;   }
}


    
/******************************/
/**** content                 */

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

    #features .blocks div h2 { font-size: 130%; padding-left: 5%; padding-right: 5%; }

    #features .blocks #block1,
    #features .blocks #block2,
    #features .blocks #block3,
    #features .blocks #block4 {width: 24%; }
    
    #features .blocks #block1 { margin: 2% 0.5%   2%    0; }
    #features .blocks #block2 { margin: 2% 0.5%   2%  0.5%; }
    #features .blocks #block3 { margin: 2% 0.5%   2%  0.5%; }
    #features .blocks #block4 { margin: 2%   0    2%  0.5%; }

    #partners h1  { font-size: 30px; line-height: 35px; }
    #partners .view-all-lic { left: 20px; }
}

@media only screen and (max-width: 975px) {
    #partners #slider .desc        { float: none; width: auto; }
    #partners #slider .partner-details .partner-url { margin-bottom: 1%; }

    #partners #slider .desc { float: none; width: auto; padding-left: 5%;}


    /* group 1 (shorest desc - biggest text) */
    #partners #slider li.envivio       .desc,
    #partners #slider li.triple-it     .desc      { font-size:1.25em; } 
    /* group 2 */
    #partners #slider li.inisoft       .desc,                                             
    #partners #slider li.ioactive      .desc,
    #partners #slider li.inside-secure .desc,  
    #partners #slider li.riscure       .desc,                                                                                        
    #partners #slider li.theplatform   .desc      { font-size: 1.15em; }
    /* group 3 */
    #partners #slider li.digisoft      .desc,
    #partners #slider li.harmonic      .desc      { font-size: 1.1em; } 
    /* group 4 */
    #partners #slider li.fokus         .desc,
    #partners #slider li.instadigital  .desc,
    #partners #slider li.irdeto        .desc,
    #partners #slider li.saffron       .desc      { font-size: 1.05em; }     
    /* group 5 */
    #partners #slider li.axinom        .desc,
    #partners #slider li.saffron       .desc,
    #partners #slider li.elemental     .desc,
    #partners #slider li.sansa         .desc     { font-size: 1em;}    
    /* group 6 */
    #partners #slider li.nextscape     .desc     { font-size: 1em;}    

    #partners #slider .partner-details .partner-url { margin-bottom: 5%; }
}

@media only screen and (max-width: 950px) {
    #licensee-list .licensee-name { margin: 1% 2% !important; padding: 0 4% 0 0;  }

    #partners #PartnerTable #partners3cols {display: none;}
    #partners #PartnerTable #partners2cols {display: block;}
    #partners #PartnerTable #partners2cols td.partner-logo         { max-width:none;  padding: 1em 2.5em 0 0; vertical-align:middle;}
    #partners #PartnerTable #partners2cols td.partner-description  { padding: 0 0 1em 0; border-bottom: solid 1px #F0F0F0; }
}

@media only screen and (max-width: 920px)
{ 
    #body-content .triple-block .explore-more#block-1 .box-link, 
    #body-content .triple-block .explore-more#block-2 .box-link,  
    #body-content .triple-block .explore-more#block-3 .box-link { display:none; }
    
    #partners .view-all-lic   { margin-right: 0; }        

    #features .blocks #block1,
    #features .blocks #block2,
    #features .blocks #block3,
    #features .blocks #block4 {width: 23.5%; }

    #features .blocks #block1 img { width:100% !important;}

    #features .blocks div h2 { font-size: 120%; padding-left: 3%; padding-right: 2%; }

}

@media only screen and (max-width: 880px)
{
    #body-content .duo-block h2 { font-size:15px; line-height:19px;  }
    
    .ui-accordion .ui-accordion-content { padding-left: 1% !important;  padding-right: 0.5% !important; }
    .ui-accordion .ui-accordion-content { padding: 0em 0.5em !important;}

    #partners .view-all-lic a { font-size: 55%; padding: 7px 37px 10px 0; }

}

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

@media only screen and (max-width: 768px)
{   
    #body-content .explore-more    { clear:both; float: none; text-align: left; width: 100%; padding: 0; min-height: inherit; border: none; }
    #body-content .explore-more h3 { margin: 20px 0 7px 0;  }
    
    #body-content .triple-block .explore-more { width: 100%; margin-left: 0;  }
    #body-content .triple-block .explore-more p { padding-left: 0;  }

    #features .blocks h2 { margin-top:10%;font-size: 1.3em;}

    #body-content .duo-block h2             { font-size:13px; line-height:16px; }
    #body-content .duo-block #block1, 
    #body-content .duo-block #block2        { min-height: 65px;}
    #body-content .duo-block #block1 a img  { width: 70%; max-width: 73px; }
    #body-content .duo-block #block2 a img  { width: 70%; max-width: 37px; }

    #partners .view-all-lic { position: absolute; left: 20px; top: 34px;}
}

@media only screen and (max-width: 710px)
{       
    h1          { font-size: 35px; line-height: 45px; margin: 10px 0 0 -1px; font-weight: 300; }
    h2          { font-size: 18px; line-height: 22px; margin: 20px 0 11px 0; }
    h2.subtitle { padding-bottom: 4px; }
    h4          { font-size: 12px; line-height: 14px; margin-top: 15px; }
    h4 + p      { padding-bottom: 7px; }    
        
    #html5 .diagram.CDMi img,
    #html5 .diagram.EME  img { width: 100%; padding-left: 0; }
    #html5 .diagram.CDMi h2,
    #html5 .diagram.EME  h2  { font-size: 16px; line-height: 18px; }
    
    #body-content .duo-block #block1, 
    #body-content .duo-block #block2 { min-height: inherit;}
    #body-content .duo-block #block1 a img  { float:right; width: 70%; max-width: 73px; }
    #body-content .duo-block #block2 a img  { float:right; width: 70%; max-width: 37px; }
    #body-content .duo-block #block2 h2 { line-height: 39px;  }
    #body-content .duo-block h2 { text-align: left; }

    #body-content .duo-block #block2 { margin-left: 10px; }
    #body-content .duo-block #block1 a img  { float:right; width: 48%; max-width: 73px; }
    #body-content .duo-block #block2 a img  { float:right; width: 48%; max-width: 37px; }
    #body-content .duo-block h2 { text-align: left; }

    #features .blocks h2 { line-height:1.1em;}
    #features .blocks #block2 img { width:30% !important;}
    #features .blocks #block3 img { width:100% !important;}
    #features .blocks #block4 img { width:100% !important;}

    #features .endpt-blocks img {width:75%;max-width:127px;}
    #features .endpt-blocks.store-apps img {width:100%;max-width:170px;}
    #features .endpt-blocks.azure-encrypt img {display:none;}
    #features .endpt-blocks.azure-encrypt h3 {line-height: 1.4em;}

    #partners #slider .partner-details .partner-type { font-size: 0.9em;}
    #partners #slider .partner-details .partner-url  { padding-top:3%;font-size:.8em; }
}

@media only screen and (max-width: 660px) {
    #features .blocks h2 { font-size:1.2em;}
    
    #features .blocks #block1,
    #features .blocks #block2 ,
    #features .blocks #block3 {padding-top: 10px; width: 22%; }

    #features .blocks #block1 { margin: 2%   0  2%   0; }
    #features .blocks #block2 { margin: 2% 1.5%  2%  1.5%; }
    #features .blocks #block3 { margin: 2% 1.5%  2%  1.5%; }
    #features .blocks #block4 { margin: 2%   0  2%   0; }

}

@media only screen and (max-width: 600px)
{   
    #body-content .duo-block #block1,
    #body-content .duo-block #block2        { clear: both; float:none; width:98%;  margin-left: 0; padding-left: 0;text-align: left; border:none; }
    #body-content .duo-block #block1 a img,
    #body-content .duo-block #block2 a img  { float:right; padding-left:20px; }
    #body-content .duo-block h2             { font-size: 17px; line-height: 37px; }
        
    #features .features-list img  { display:none; }
    #features .features-list.left { background-color: #fff;  }
    #features .features-list.left ul         { padding: 0 0 0 15px; }
    #features .features-list .list-container { float: none; width:inherit; }
    
    /* group 4 */
    #partners #slider li.saffron       .desc,
    #partners #slider li.instadigital  .desc { font-size: 1em; }
    /* group 5 */
    #partners #slider li.axinom        .desc,
    #partners #slider li.csgi          .desc,
    #partners #slider li.elemental     .desc,
    #partners #slider li.sansa         .desc { font-size: 1em; }
    /* group 6 */
    #partners #slider li.nextscape     .desc { font-size: 1em; }

}

@media only screen and (max-width: 570px)
{   
    #body-content .duo-block h2 { font-size: 14px; line-height: 37px; }

    #newsroom #subscribe .text, #newsroom #press-contact .text { display:none;}

}


@media only screen and (max-width: 490px)
{   
    #newsroom #subscribe     { top: 50px; right: 55px !important; }
    #newsroom #press-contact { top: 50px;}
}

@media only screen and (max-width: 475px)
{   
    #body-content .content-bulk { margin: 0; }

    #partners .view-all-lic { left: 10px; }
}

@media only screen and (max-width: 450px)
{   
    h1  { font-size: 30px; line-height: 35px; }

    #body-content .duo-block     { margin-bottom: 0; }
    #body-content .duo-block img { display: none; }
    #body-content .duo-block h2  { line-height: 16px; }

    #features .blocks h2 { font-size: 1.15em;line-height:1.1em;}

    #features .features-list ul.left-list,
    #features .features-list ul.right-list {float:none; width:inherit; }
    #features .features-list.left  ul      { margin-bottom:0; }
    #features .features-list.right ul      { padding: 0 0 0 15px;margin-top:0; }
    #features .features-list       li      { padding: 0 0 3px 0  !important; font-size: 13px !important;}
    #features .features-list h2            {font-size: 16px; line-height: 19px; }

    #partners h1 { font-size:25px; line-height:30px; }
    #partners .view-all-lic { font-size: 130%;}
}

@media only screen and (max-width: 390px)
{
    #newsroom #subscribe     { top: 80px; left: -20px !important; }
    #newsroom #press-contact { top: 80px; left: 80px !important; }
    #newsroom #subscribe .text,    
    #newsroom #press-contact .text { display: inline-block; }

    h1 + h2 { margin-top: 50px !important;}
}

/******************************/
/*   menu-item-wrapper rules  */
@media only screen and (max-width: 900px)
{        
    .menu-item-wrapper { padding: 3px 2px 4px 4px; }  
}

@media only screen and (max-width: 800px)
{        
    .menu-item-wrapper { padding: 3px 0px 4px 2px; }
    .menu-item-wrapper { font-size: 90%;}    
}
@media only screen and (max-width: 710px)
{        
    
    .menu-item-wrapper.floated:not(.always-show-as-menu):not(.force-always-expanded) { float: none; width: 100%; text-align: left; }
    .menu-item-wrapper.first:not(.always-show-as-menu):not(.force-always-expanded)   { left: 0 !important; }
    
    .menu-item-wrapper.show:not(.always-show-as-menu):not(.force-always-expanded)          { background: #0C8373; color: #fff; }
    .menu-item-wrapper.show:not(.always-show-as-menu):not(.force-always-expanded) .trigger { background: #0C8373; color: #fff; }

    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded)           { background: #0C8373; width: 100%; padding: 0 !important;  border-left: none; border-right: none; font-size: 120% !important; }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) a         { padding: 0 0 0 20px; height: 32px; line-height: 32px; background: #0C8373; font-family: Segoe UI, Tahoma, Arial, Verdana, sans-serif !important; font-size: 110% !important; color: #fff !important; text-align: left; letter-spacing: normal !important; }    
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .trigger  { padding: 0 0 0 20px; height: 32px; line-height: 32px; background: #0C8373; font-family: Segoe UI, Tahoma, Arial, Verdana, sans-serif !important; font-size: 110% !important; color: #fff !important; text-align: left; letter-spacing: normal !important; }    
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .icon     { display: inline-block !important; background: transparent url(../media/arrow-expander.png) 0 top no-repeat;  }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .icon.display-none     { display: none !important; }
    
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .popup        { position: relative; width: 100% !important; top: 0; left: 0; right: 0;  padding: 0; border-left: 0; border-right: 0; margin-left: 10px; background: #0BB395 !important; letter-spacing: normal !important; }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .popup a      { display: table-cell; vertical-align: middle; padding: 0 15px 0 20px;  margin: 0; height: 30px; line-height: 1; color: #FFF; background: #0BB395 !important; }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .popup .item  { border-top: 1px solid #FFF; }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .popup .item:hover       { background: #0BB395; }
    .menu-item-wrapper:not(.always-show-as-menu):not(.force-always-expanded) .popup .item:first-child { border: none; }
    
    .menu-item-wrapper.show:not(.always-show-as-menu):not(.force-always-expanded) .mask { display: none !important; }

    .menu-item-wrapper .display-none { display: none; }
}

@media only screen and (max-width: 380px)
{    
    .menu-item-wrapper .popup { white-space: normal;  }
}

/****************************/
/*    footer rules          */

@media only screen and (max-width: 962px)
{  
    #footer #copyright-and-logo           { float: left; text-align: left; padding-left:10px;  }
    #footer #copyright-and-logo .ms-logo  { float: left; }
}
@media only screen and (max-width: 750px)
{    
    #footer #footer-navs   { float: left; }
    #footer #footer-navs a { padding:0 10px; }
}

@media only screen and (max-width: 675px)
{    
    #footer #footer-navs a { padding:0 5px; }
}

@media only screen and (max-width: 600px)
{    
    #footer #footer-navs  { padding-top: 10px;}
    #footer #footer-navs a { padding:0 4px; }
    #footer #MSFooterLinks { text-align: left; }
}

@media only screen and (max-width: 550px)
{    
    #footer #footer-navs   { text-align: left; padding-left: 10px;}
    #footer #PRFooterLinks { padding-top:0; }
}

@media only screen and (max-width: 250px)
{    
    #footer #footer-navs   { clear: both;  padding-top: 10px;}
    #footer #footer-navs a { display: inherit; }
    #footer #MSFooterLinks { padding-top:5px; }
}


/********************/
/* OEM Page         */

@media only screen and (max-width: 1020px) {
    #OEMTerms .doc-group {
        width: 40%;
        float: left;
        border-right: none;
        padding-left: 5%;
        padding-right: 5%;
    }

    #OEMTerms #doc-group-1,
    #OEMTerms #doc-group-3
    {
        padding-left: 0;
        border-right: 1px solid #555;
    }

    #OEMTerms #doc-group-2,
    #OEMTerms #doc-group-4
    {
        padding-right: 0;
    }

    #OEMTerms #doc-group-3 .doc-group-title,
    #OEMTerms #doc-group-4 .doc-group-title
    {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 660px) {
    #OEMTerms .doc-group {
        float: none;
        width: 90%;
        max-width: 270px;
        padding: 0;
        border: none !important;
    }

    #OEMTerms .doc-group .doc-group-title
    {
        margin-top: 10px !important;
    }
}


/***************************************************************************************************************/
/** SL3000  ****************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (max-width: 1050px) {
    #sl3000 .chip-mfg   { width: 33%; }
}
@media only screen and (max-width: 750px) {
    #sl3000 .chip-mfg   { width: 50%; }
}
@media only screen and (max-width: 500px) {
    #sl3000 .chip-mfg   { width: 100%; }
}

@media only screen and (max-width: 900px) {
    #sl3000 .cert-house .logo    { width: 120px; }
    #sl3000 .cert-house .contact { margin-left: 135px; }
}
@media only screen and (max-width: 600px) {
    #sl3000 .cert-house   { width: 100%; margin-bottom:20px;}
    #sl3000 .cert-house .logo    { width: 150px; }
    #sl3000 .cert-house .contact { margin-left: 165px; }
}