@media (orientation : landscape)
{
    #isLandscape
    {
        position: relative;
    }
}
@media (orientation : portrait)
{
    #isLandscape
    {
        position: static;
    }
}

@media (max-width: 767px)
{
    body
    {
        font-size: 0.7em;
    }

    #isMobile
    {
        position: relative;
    }
    #menu-top
    {
        height: 32px;
        line-height: 31px;
        background-color: #ddd;
        border-bottom: 1px solid #999;
        display:none;
    }
    #menu-top .logo
    {
        display:none;
    }
    #menu-top .link-icon
    {
        display: none;
        width: 32px !important;
        height: 31px !important;
        color:#333 !important;
    }
    #menu-top .link-text
    {
        display: none;
        min-width: 32px !important;
        height: 31px !important;
        color:#333 !important;
    }
    #menu-top .link-icon a, #menu-top .link-icon img
    {
        width: 31px !important;
        height: 31px !important;
        opacity: 1 !important;
    }
    #menu-top .link-text, #menu-top .link-text a
    {
        height: 31px;
        line-height:30px;
    }
    #menu-top .mobileVisible
    {
        display: block;
    }
    #menu-top span
    {
        margin:0;
        line-height:30px;
    }
    #menu-main
    {
        top:0 !important;
        opacity:1;
    }
    #menu-main .link-text
    {
        display: none;
    }
    #menu-main .logo
    {
        float: left;
        padding: 0 5px;
    }
    #menu-mobile
    {
        display: block;
        font-size: 100%;
    }
    #menu-mobile .link-top .link-icon, #menu-mobile .link-top .link-text
    {
        display: none;
        color:#333 !important;
    }
    #menu-mobile .link-main a
    {
        height:30px;
    }
    #menu-mobile .link-top .link-icon
    {
        height: 32px;
        line-height: 40px;
    }
    #menu-mobile .link-icon a
    {
        height: 31px;
    }
    #menu-mobile .link-icon a img
    {
        width: 31px;
        height: 31px;
    }
    #menu-mobile .link-top .link-text
    {
        height: 30px;
    }
    #menu-mobile .link-text a
    {
        height: 30px;
    }
    #menu-mobile span
    {
        height: 30px;
    }
    #menu-mobile .link-top .menuVisible
    {
        display: block;
    }
    #menu-mobile #aspa-welcome
    {
        background-color:#d5dfff !important;
    }
    #menu-mobile #aspa-signout
    {
        background-color:#ffe5d5 !important;
    }
    #menu-mobile #aspa-test
    {
        background-color:#e5ffd5 !important;
    }
    #main .border-top, #main .border-top-right, #main .border-top-left
    {
        -moz-box-shadow:  7px 4px rgba(0,0,0,0.3), 0 20px 18px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0 7px 4px rgba(0,0,0,0.3), 0 20px 18px rgba(0,0,0,0.4);
        box-shadow: 0 7px 4px rgba(0,0,0,0.3), 0 20px 18px rgba(0,0,0,0.4);
    }
    #main .border-bottom, #main .border-bottom-right, #main .border-bottom-left
    {
        -moz-box-shadow: 0 -7px 4px rgba(0,0,0,0.3), 0 -20px 18px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0 -7px 4px rgba(0,0,0,0.3), 0 -20px 18px rgba(0,0,0,0.4);
        box-shadow: 0 -7px 4px rgba(0,0,0,0.3), 0 -20px 18px rgba(0,0,0,0.4);
    }
    #main section .header .title
    {
        font-size: 130%;
        padding: 2% 0;
    }
    #main section .header .text
    {
        font-size: 110%;
        padding: 2% 0;
    }
    #main section .content
    {
        padding:10px 0;
    }
    #main section .content .content-title
    {
        font-size: 120%;
        padding: 5px 0;
        text-align:center;
    }
    #main section .content .content-text
    {
        font-size: 110%;
    }
    #main section .content .content-news
    {
        width:100%;
        margin:0;
        font-size: 110%;
        line-height: 150%;
        direction:rtl !important;
    }
    #main section .content .content-news .header
    {
        width: 100%;
    }
    #main section .content .content-news .item
    {
        width: 100%;
    }
    #main section .content .content-news .title
    {
        
        font-size: 75%;
    }
    #main section .content .content-news h3
    {
        
        font-size: 110%;
    }
    #main section .content .content-slider
    {
        width:100%;
        margin:0;
        font-size: 120%;
        line-height: 150%;
    }
    #main section .content .content-slider .slider-item
    {
        width:100%;
    }
    #main section .content .content-slider .slider-control
    {
        right:6px;
        bottom:-4px;
    }
    #main section .content .content-item .item
    {
        font-size: 110%;
        line-height: 200%;
    }
    #main section .content .content-item .title
    {
        font-size: 110%;
    }
    #main section .content .content-item .title h3
    {
        line-height: 260%;
    }
    #main #gate-signup
    {
        border:0 !important;
        padding:20px 0 30px 0 !important;
        border-bottom: 4px solid rgba(0, 0, 0, 0.2) !important;
        border-radius: 4px;
    }
    #main #gate-signin
    {
        padding:10px 0 30px 0 !important;
    }
    #main #gate-signin .items
    {
        float:none !important;
        margin:0 auto !important;
    }
    #main #gate-signup .items
    {
        float:none !important;
        margin:0 16.6% !important;
    }
    #main #gate-signup .items input[type=text],#main #gate-signup .items select
    {
        width:100% !important;
    }
    #main section #aspa-aspatest
    {
        font-size:110%;
    }
    #main section .parallax
    {
        background-position: 50% 0 !important;
        background-attachment:scroll  !important;
        background-repeat: no-repeat  !important;
        -webkit-background-size: 100% !important;
        -moz-background-size: 100% !important;
        -o-background-size: 100% !important;
        background-size: 100% !important;
    }
    footer
    {
        font-size:120%;
    }
    #footer section
    {
        border-bottom:4px solid rgba(0,0,0,0.3);
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    #footer section:last-child
    {
        border-bottom:0;
    }
    #footer a
    {
        display:block;
        width:100%;
        text-align:center;
    }
    #copyright
    {
        text-align:left;
        line-height:400%;
        font-size:60%;
        padding-left:15px;
    }
    #counter
    {
        width:30px;
    }
}

@media (min-width: 768px) and (max-width: 979px)
{
    body
    {
        font-size: 0.84em;
    } 
    #menu-top .link-text a
    {
        padding:0 5px;
    }
}

@media (min-width: 980px) and (max-width: 1279px)
{
    body
    {
        font-size: 0.9em;
    } 
    #menu-top .link-text a
    {
        padding:0 15px;
    }   
}

@media (min-width: 1280px)
{
}