﻿/* ==|== media queries ======================================================
Media Queries for Responsive Design.
========================================================================== */

/* 
Ipad Portrait 768 x 1024 
Apple iPad 1& 2 
HP TouchPad

Samsung Galaxy Nexus 720 x 1280
Sony Xperia S
High resolution netbooks such as Acer Aspire One 522
*/
@media only screen and (min-width:720px) and (max-width: 990px)
{
    .top_menu_lm a
    {
        margin-top: 12px;
    }

    .top_social_lm
    {
        margin: 8px 0px 0px 0px;
    }   

    .search_options
    {
        right: 49px;
    }

    .featured_album .photo
    {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .featured_album .photo img
        {
            max-width: 100%;
        }

    .featured_album .text
    {
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
    }

    .homepage_item .item_wrapper .text
    {
        width: 485px;
    }

    .wrapper
    {
        width: 700px;
        padding: 0 10px;
    }

    .halfcol, section, aside
    {
        width: 700px;
        float: left;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

        aside .block
        {
            width: 300px;
            float: left;
            margin: 0 50px 0 0;
        }

    .footer_nav_box
    {
        width: 340px;
        margin-bottom: 10px;
        float: left;
    }

    .newsletter
    {
        float: left;
        margin: 10px 0px;
    }

    #slideshow
    {
        width: 700px !important;
        height: auto !important;
    }

    .flex-caption
    {
        padding: 40px 30px 20px 78px;
    }

    .slide_date
    {
        font-size: 16px;
    }

    .slide_title
    {
        font-size: 16px;
        line-height: 20px;
    }


    .slide_text
    {
        font-size: 11px;
        line-height: 1.5em;
    }
}

/* 
Apple iPhone 4 & 4S 640 x 960
New Apple iPod Touch

Standard netbook/tablet resolution includes: 600 x 1024
Amazon Kindle Fire
Blackberry Playbook
Viewsonic Viewpad 10
Samsung Galaxy Tab
*/
@media only screen and (min-width:600px) and (max-width: 719px)
{
    .top_menu_lm a
    {
        margin-top: 12px;
    }

    .top_search_for_lm
    {
        margin: 2px 0px 0px 8px;
    }

    .top_social_lm
    {
        margin: 4px 0px 0px 0px;
    }

    .search_options
    {
        right: 179px;
        top: 100px;
    }

    .featured_album .photo
    {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .featured_album .photo img
        {
            max-width: 100%;
        }

    .featured_album .text
    {
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
    }

    .homepage_item .item_wrapper .text
    {
        width: 365px;
    }

    .wrapper
    {
        width: 580px;
        padding: 0 10px;
    }

    /*aside .block {
width: 300px;
float: left;
margin: 0 50px 0 0;
}*/

    #my-contact-div,
    .event_icons,
    .slide_icons,
    .flex-control-nav
    {
        display: none;
    }


    #slideshow
    {
        width: 580px !important;
        height: auto !important;
    }

    .slide_title
    {
        font-size: 12px;
        line-height: 14px;
    }

    .slide_date
    {
        font-size: 12px;
        line-height: 14px;
    }

    .slide_text
    {
        font-size: 11px;
        line-height: 1.4em;
    }

    .flex-caption
    {
        background-image: url("../tmp_images/slider_trans.png");
        background-position: 0 -95px;
        background-repeat: no-repeat;
        height: 320px;
        padding: 30px 30px 40px 40px;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0;
        width: 190px;
    }

    .halfcol, section, aside
    {
        width: 580px;
        float: none;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

        aside .block
        {
            width: 580px;
            float: left;
        }

    .event_listed
    {
        height: 84px;
    }

        .event_listed .event_photo
        {
            height: 84px;
            margin-right: 10px;
            width: 150px;
        }

    /*NEW aris 10/9/2014*/
    .eventlist_content.main .event_listed .event_photo
    {
        width: 250px;
        height: 140px;
    }

    .eventlist_content.main .event_photo img
    {
        width: 250px;
    }

    .eventlist_content.main .event_listed
    {
        height: 140px;
        margin-bottom: 15px;
    }

    span.playicon.playicon_big.main img
    {
        height: 45px;
        width: 45px!important;
    }
    /*NEW aris 10/9/2014*/

    .event_photo img
    {
        width: 150px;
    }

    .listed_video
    {
        margin: 0 10px 15px 0;
        width: 186px;
    }


    .footer_nav_box
    {
        width: 270px;
        margin-bottom: 10px;
        float: left;
    }

    .newsletter
    {
        float: none;
        margin: 0 0 10px 0px;
        height: 58px;
    }


    .footer_nav
    {
        padding: 20px 0;
    }

    .livemediaworld
    {
        float: left;
    }

    h1
    {
        font-size: 14px;
    }

    .event_big_photo
    {
        width: 580px;
        height: 326px; /*height: auto;  ARIS 1/10/14*/
    }

    #jw_video_container
    {
        width: 580px!important;
        height: 326px!important;
    }

    #agree_area
    {
        width: 460px;
        height: 258px;
    }

    .event_big_photo img
    {
        width: 580px;
    }

        .event_big_photo img.iphone_play_image
        {
            width: auto;
        }

    .iphone_link .lv_play
    {
        left: 275px;
        top: 146px;
    }

    .stage section
    {
        padding: 0px 0 0px 0;
    }

    #jw_video_container_wrapper
    {
        width: 580px !important;
        height: 326px !important;
    }
}


/* 
Apple iPhone 3G & 3GS Landscape 480 

Blackberry Bold 9900 & Torch 9810 480 x 640

Samsung Galaxy I, II and S Samsung Nexus S 480 x 800
HTC Desire, Desire HD & Desire S
HTC Evo HTC Sensation XL
BlackBerry Torch 9860
Blackberry Storm 3
Nokia Lumia 800
Viewsonic Viewpad 7
LG Optimus 2X & 3D
*/
@media only screen and (max-width: 599px)
{    
    .eventlist_content.main .event_listed .event_photo
    {
        float: none;
        width: 220px;
        height: 123px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:5px;
    }

    .eventlist_content.main .event_photo img
    {
        width: 220px;
    }
    
    .eventlist_content.main .event_desc{
        font-size:13px;
    }

    nav select
    {
        display: inline-block;
        font-family: 'Open Sans', Microsoft Sans Serif, Helvetica, Arial, Verdana, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        padding: 3px;
        border: solid 1px #cccccc;
        border-radius: 2px;
    }

        nav select option
        {
        }
}


@media only screen and (min-width:480px) and (max-width: 599px)
{
    .eventlist_content.main .event_listed
    {
        height: 220px;
    }

    .eventlist_title
    {
        margin-bottom: 30px;
    }

    .top_search_for_lm
    {
        margin: 8px 0px 0px 8px;
    }

    .top_menu_lm
    {
        margin-top: 58px;
    }

    .top_social_lm
    {
        margin-top: 10px;
        margin-left: 285px;
    }

    .search_options
    {
        right: 49px;
        top: 106px;
    }

    .featured_album .photo
    {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .featured_album .photo img
        {
            max-width: 100%;
        }

    .featured_album .text
    {
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
    }

    .homepage_item .item_wrapper .text
    {
        width: 245px;
    }

    .wrapper
    {
        width: 460px;
        padding: 0 10px;
    }

    .logo
    {
        float: none;
        margin: 10px 0;
    }

    .top_search
    {
        margin: 0px 0 16px;
        float: none;
    }

    .top_search_box
    {
        width: 400px;
    }

    nav ul
    {
        display: none;
    }

    /*nav select
    {
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        padding: 0;
        border: solid 1px #cccccc;
        border-radius: 2px;
    }

        nav select option
        {
        }*/

    .flex-control-nav,
    .slide_text,
    .slide_icons,
    #my-contact-div,
    .event_icons
    {
        display: none;
    }

    #slideshow
    {
        width: 460px !important;
        height: auto !important;
    }

    .slide_title
    {
        font-size: 12px;
        line-height: 14px;
    }

    .slide_date
    {
        font-size: 12px;
        line-height: 14px;
    }

    .flex-caption
    {
        padding: 10px 30px;
        height: 50px;
        top: 137px;
        right: 25px;
        width: 260px;
        background-position: right top;
    }

    .flex-direction-nav li a
    {
        top: 67% !important;
    }

    .halfcol, section, aside
    {
        width: 460px;
        float: none;
        margin: 0 0 20px 0;
        overflow: hidden;
    }


        aside .block
        {
            width: 460px;
            float: left;
        }

    /*.event_listed
    {
        height: 220px;
    }

        .event_listed .event_photo
        {
            float: none;
            width: 220px;
            height: 123px;
            margin-left: auto;
            margin-right: auto;
        }

    .event_photo img
    {
        width: 220px;
    }*/

    
    /*.event_desc
    {
        display: none;
    }*/

    .eventlist_content.main .event_details h3 a:link, .eventlist_content.main .event_details h3 a:visited
    {
        font-size: 13px;
    }

    span.playicon.playicon_big.main img
    {
        height: 45px;
        width: 45px!important;
    }


    .iphone_link .lv_photo
    {
        width: 460px !important;
        height: auto !important;
    }

        .iphone_link .lv_photo img
        {
            width: 460px !important;
            height: auto;
        }

    .iphone_link .lv_play
    {
        left: 220px !important;
        top: 130px !important;
    }


    #listed_videos .clear
    {
        clear: none;
    }

    #listed_videos .no_margin
    {
        margin-right: 23px !important;
    }

    .footer_nav_box
    {
        width: 220px;
        margin-bottom: 10px;
        float: left;
    }

    .newsletter
    {
        float: none;
        margin: 0 0 10px 0px;
        height: 58px;
    }

    .newsletter_box
    {
        width: 170px;
    }

    .footer_nav
    {
        padding: 20px 0;
    }

    .livemediaworld
    {
        float: left;
    }

    h1
    {
        font-size: 14px;
    }

    .event_big_photo
    {
        width: 460px;
        height: 258px; /*height: auto; ARIS 1/10/14 FIX PLAYER MOBILE*/
    }

    #jw_video_container
    {
        width: 460px!important;
        height: 258px!important;
    }

    #agree_area
    {
        width: 420px;
        height: 218px;
    }

    .event_big_photo img
    {
        width: 460px;
    }

        .event_big_photo img.iphone_play_image
        {
            width: auto;
        }

    .stage section
    {
        padding: 0px 0 0px 0;
    }

    #jw_video_container_wrapper
    {
        width: 460px !important;
        height: 258px !important;
    }


    .langs
    {
        height: 30px;
    }
}




/* 
Apple iphone 3G & 3GS Portrait 320 

BlackBerry Curve, Storm, Torch 9800 & Bold incl. 9700 360 x 480
Sony Ericsson Vivaz

Nokia N8, N97, E7 and X6 amongst others 360 x 640
*/
@media only screen and (max-width: 479px)
{
    .logo_lm {
        margin: -5px 0px 5px 0px;
    }
    .eventlist_content.main .event_listed
    {
        height: 180px;
        margin-bottom: 20px;
    }

    .eventlist_title
    {
        /*margin-bottom: 30px;*/
        height:auto;
    }

    .messageLB
    {
        display: none;
    }

    .top_menu_lm
    {
        margin-top: 10px;
    }

    .top_social_lm
    {
        margin-top: 105px;
    }

    header nav
    {
        margin-top: 0px;
    }

    .searcharrow
    {
        right: -10px;
    }

    .search_options
    {
        top: 138px;
        right: 10px;
    }

    .featured_album .photo
    {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .featured_album .photo img
        {
            max-width: 100%;
        }

    .featured_album .text
    {
        margin: 0 0 20px 0;
        width: 100%;
        height: auto;
    }

    .homepage_item .item_wrapper .photo
    {
        width: 100px;
    }

        .homepage_item .item_wrapper .photo img
        {
            width: 100px;
        }

    .homepage_item .item_wrapper span.playicon.playicon_big img
    {
        width: 40px;
    }

    .homepage_item .item_wrapper .text
    {
        width: 185px;
    }

        .homepage_item .item_wrapper .text p:not(.info)
        {
            display: none;
        }

        .homepage_item .item_wrapper .text .info span
        {
            display: block;
        }

    .wrapper
    {
        width: 300px;
        padding: 0 10px;
    }

    .logo
    {
        float: none;
        margin: 10px 0;
    }

    .top_search
    {
        margin: 0px 0 16px;
        float: none;
    }

    .top_search_box
    {
        width: 248px;
    }

    nav ul
    {
        display: none;
    }

    /*nav select
    {
        display: inline-block;
        font-family: 'Open Sans', Microsoft Sans Serif, Helvetica, Arial, Verdana, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        padding: 3px;
        border: solid 1px #cccccc;
        border-radius: 2px;
    }

        nav select option
        {
        }*/

    .flex-control-nav,
    .slide_text,
    .slide_icons,
    #my-contact-div,
    .event_desc,
    .event_icons
    {
        display: none;
    }

    #slideshow
    {
        width: 300px !important;
        height: auto !important;
    }

    .slide_title
    {
        font-size: 12px;
        line-height: 14px;
    }

    .slide_date
    {
        font-size: 12px;
        line-height: 14px;
    }

    .flex-caption
    {
        padding: 10px 30px;
        height: 50px;
        top: 68px;
        width: 240px;
    }

    .halfcol, section, aside
    {
        width: 300px;
        float: none;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

        aside .block
        {
            width: 300px;
            float: left;
        }

    /*.event_listed
    {
        height: 56px;
    }

        .event_listed .event_photo
        {
            height: 56px;
            margin-right: 10px;
            width: 100px;
        }

    .event_photo img
    {
        width: 100px;
    }*/

    /*NEW aris 10/9/2014*/
    /*.eventlist_content.main .event_listed .event_photo
    {
        width: 100px;
        height: 56px;
    }

    .eventlist_content.main .event_photo img
    {
        width: 100px;
    }

    .eventlist_content.main .event_listed
    {
        height: 56px;
        margin-bottom: 8px;
    }*/

    .eventlist_content.main .event_details h3 a:link, .eventlist_content.main .event_details h3 a:visited
    {
        font-size: 11px;
    }

    .eventlist_content.main .event_details h3
    {
        line-height: 16px;
    }

    span.playicon.playicon_big.main img
    {
        height: 20px;
        width: 20px!important;
    }
    /*NEW aris 10/9/2014*/

    .iphone_link .lv_photo
    {
        width: 300px !important;
        height: auto !important;
    }

        .iphone_link .lv_photo img
        {
            width: 300px !important;
            height: auto;
        }

    .iphone_link .lv_play
    {
        left: 140px !important;
        top: 80px !important;
    }


    .footer_nav_box
    {
        width: 320px;
        margin-bottom: 10px;
        float: none;
    }

    .newsletter
    {
        float: none;
        margin: 0 0 10px 0px;
        height: 58px;
    }

    .livemediaworld
    {
        float: left;
    }

    h1
    {
        font-size: 14px;
    }

    .event_big_photo
    {
        width: 300px;
        height: 168px; /*height: 168px; ARIS 1/10/14 fix mobile player*/
    }

    #jw_video_container
    {
        width: 300px!important;
        height: 168px!important;
    }

    #agree_area
    {
        width: 260px;
        height: 128px;
        font-size: 12px;
    }

    .event_big_photo img
    {
        width: 300px;
    }

        .event_big_photo img.iphone_play_image
        {
            width: auto;
        }

    .stage section
    {
        padding: 0px 0 0px 0;
    }

    #jw_video_container_wrapper
    {
        width: 300px !important;
        height: 168px !important;
    }

    .sort_by
    {
        position: static;
        margin-bottom: 16px;
    }


    span.playicon.playicon_big img
    {
        height: 40px;
        width: 40px;
    }

    .langs
    {
        height: 30px;
    }
}

.jwlogo
{
    width: auto!important;
}
