/*responsive_styles.css*/


/*Portrait orientation at or below 768x or landscape on pocket devices*/
@media screen
 and (orientation:portrait)
 and (max-device-width:768px),
screen
 and (max-device-width:640px)
 and (orientation:landscape)
{
    p, pre
    {
        overflow: scroll;
    }
    
    select
    {
        font-size: .7em;
        max-width: 98%;
    }
    
    input[type=checkbox], input[type=radio]
    {
        padding: .7em;
    }
    
    input[type=radio]
    {
        border-radius: 1em;
    }
    
    div > ul
    {
        list-style-type: none !important;
        list-style-image: none !important;
        padding: 0 !important;
        /*margin: 0 !important;*/
    }
    
    li
    {
        padding-left: 0;
        padding-top: .6em !important;
        padding-bottom: .6em !important;
    }
    
    .product-specs li
    {
        margin: 0 !important;
    }
    
    .product-specs > ul > li:nth-child(even):not(img)
    {
        background-color: white;
        box-shadow: 0em 0em .2em .2em white;
        padding-top: .3em !important;
        padding-bottom: .3em !important;
        margin-right: .2em !important;
    }
    
    .half-width
    {
        width: 100%;
        float: none;
    }

    .splashpage-product-div
    {
        margin: 2em auto;
        padding: 1em;
    }

    .splashpage-product-div *
    {
      text-align: center;
    }
    
    .splashpage-product-div img
    {
        float: none;
        display: block;
        margin: auto auto -2em auto;
    }
    
    .education-pricing-icon
    {
        margin-left: -2em;
        margin-bottom: 1em;
    }

    #pricingDescription
    {
        margin-bottom: 1em;
    }
    
    #payBox, #payBox.buy-right-pricing
    {
        margin-top: 0.5em;
    }

    #newsletter
    {
        padding: .5em;
    }
    
    #newsletter h1
    {
        font-size: 2em;
    }
    
    #newsletter h2
    {
        font-size: 1.5em;
    }
    
    #newsletter h3
    {
        font-size: 1em;
    }
    
    .newsletterPhoto
    {
        width: 13em;
    }

    #newsletterLogo
    {
        top: -1em;
        left: 0em;
        width: 100%;
    }
    
    .top-right
    {
        padding: 1em 0;
        text-align: center;
    }
    
    #download_trial_button
    {
        font-size: 1em;
        padding: 0;
        margin: 0;
        width: 9em;
    }
    
    .x-market
    {
        margin-bottom: 1.5em;
        text-align: center;
    }
    
    .x-market:nth-of-type(even) img, .x-market:nth-of-type(odd) img
    {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Tablet: Portrait*/
@media screen
    and (orientation:portrait)
    and (max-device-width:768px)
    and (min-device-width: 361px)
{
    body
    {
        font-size: 1.5em;
    }
    
    input
    {
      font-size: 1em;
    }
    
    #footer
    {
      font-size: 1.2em;
    }
    
    #footer img
    {
      width: 2em;
    }

    #product-image
    {
        width: 30%;
    }
}

/*Pocket Devices: Landscape*/
@media screen
    and (orientation:landscape)
    and (max-device-width:640px)
{
    body
    {
        font-size: 2.5em;
    }
}

/*Pocket Devices: Portrait*/
@media screen
    and (orientation:portrait)
    and (max-device-width:360px)
{
    body
    {
        font-size: 3.5em;
    }
}

/*Pocket Devices: Portrait and Landscape*/
@media screen
    and (orientation:portrait)
    and (max-device-width:360px),
   screen
    and (orientation:landscape)
    and (max-device-width:640px)
{
    img
    {
        max-width: 90%;
    }

    #product-description, #product-showcase, .right-column
    {
        width: 100%;
        float: none;
    }
    
    #product-showcase
    {
        height: auto;
        margin: 4% auto;
    }
    
    li img
    {
      width: 2.5em;
    }
    
    input
    {
      font-size: 1em;
    }

    #price_list h1 a
    {
        font-size: 4em;
    }
    
    #footer
    {
      font-size: 1.2em;
    }
    
    #footer a, #footer span
    {
        display: inline-block;
        padding: .4em;
        margin-left: .5em;
        margin-right: .5em;
        margin-bottom: .5em;
    }
    
    #footer img
    {
      width: 2em;
    }
    
    form input[type=image]
    {
        width: 80%;
    }

    #product-showcase > *:not(img)
    {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .twtr-doc
    {
      font-size: 2em;
    }
    
    .press-kit-scroller
    {
      font-size: .4em;
    }
    
    #product-wrap > table
    {
        font-size: .7em;
    }
    
    .buy-right, .buy-right-pricing
    {
        float: none;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    
    .buy-right-pricing *
    {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .iphone-ipad a img
    {
        width: 80%;
        height: auto;
    }
    
    .extras-product-specs
    {
        width: auto;
    }
    
    .instructions
    {
        max-width: 100%;
    }
    
    .extras-section > img, .right-column form img, .right-column img:nth-of-type(2)
    {
        width: 80%;
    }

    .right-column img:first-of-type
    {
        margin-left: -60%;
    }

    #product-image
    {
        width: 40%;
    }
    
    .top-right
    {
        float: none;
        text-align: center;
    }
    #footer
    {
        text-align: center;
    }
    
    #footer-nav
    {
        margin-top: -1em;
    }
    
    #footer-nav a
    {
        border: none;
    }
    
    #product-image
    {
        display: block;
        float: none;
        margin-bottom: 1em;
        width: 5em;
        height: auto;
    }
    
    #top_video_container + #product-description #product-image
    {
        margin-left: auto;
        margin-right: auto;
    }
    
    .icon-indent
    {
        margin-left: inherit;
    }
    
    .newsletterPhoto
    {
        width: 6em;
    }

    .splashpage-product-div
    {
        width: 80%;
    }
    
    label.error
    {
        clear: left;
    }
    
    .x-market img
    {
        width: 5em;
    }

    #siteblue
    {
        padding: 1em;
    }
    
    #siteblue h1
    {
        font-size: 3em;
        margin: 0;
    }

    #siteblue label
    {
        font-size: 2em;
    }
    
    #siteblue input[type=text]
    {
        font-size: 1em;
    }
    
    #siteblue li
    {
    	background-size: 2em;
    }

    #siteblue .heading-caption
    {
        margin-bottom: 1em;
    }
    
    #siteblue #footer *
    {
        text-align: center;
    }
    
    #siteblue #footer-share *
    {
        margin: .3em;
        margin-bottom: 1.3em;
    }
}