.mobile body.bgr{
    background: none;
}

.mobile .mobilhidden{
    display: none;
}

.mobile #topmiddle{
    display: none;
}

.mobile #mainl{
    width:100%;
    float: none;    
}

.mobile #mainl.tpl2{
    width:94%;
    margin-left: 3%;            
}

.mobile #mainl h2{
    margin-left: 0px;    
}

.mobile #mainl.odivadle h2{
    margin-left: 20px;
}


.mobile #mainr{
    float:none;
    position: relative;
    margin: 10px auto 0;
    border-top: 1px solid #ccc;
    width:90%
}

.mobile #mainr nav li{
    width:100%;
}

.mobile #homecal{
    display: none;
}

.mobile #header_r{
    float: none;
    height: 24px;
    padding: 10px 5px;
    background-color: #82132a;
}

#header_r {
    width: calc(100% - 10px)
}

@media only screen and (min-width: 480px) {
    .mobile #header_r{
        padding: 10px 20px;
    }

    #header_r {
        width: calc(100% - 40px)
    }
}

#header_r form{
    margin-right: 10px;
}

.mobile #main{
    padding: 0;
    width:100%;
    margin-bottom: 0;
}

.mobile #top{
    height: 148px;
    margin: 0;
    margin-bottom: 0px;
}

.mobile #top.open{
    height: auto;
}

.mobile #top nav{
    height: 40px;    
    overflow: hidden;
}

.mobile #top.open nav{
    height: auto;
}

.mobile #top nav li{
    width:100% !important;
    float:none;
    background: #000;
    text-align: center;
}

.mobile #top nav li a{
    width:100%;
    padding-left: 0;
    padding-right: 0;
}

.mobile #recommend{
    display: none;
}

.mobile #homenews{
    margin-left: 10px;
    margin-top: 20px;
}

.mobile #homenews h2{
    margin-left: 0;
}

.mobile #homenews>.r, .mobile #homenews>.l{
    margin: 0px auto;
    position: relative;
    width:280px;
    float: none;
}

.mobile #top header{
    height: 70px;
    text-align: center;
}

.mobile #top header h1{
    font-size: 20px;
    text-align: center;
    width:260px;
    top:5px;
    left:0;
}

.mobile #showmenu{
    display: block !important;
    color:#fff;
}

.mobile #homealert{
    width:90%;
    padding: 5px 5%;
    margin-top: 5px;
}

.mobile footer{
    position: relative;
}

.mobile footer .first{
    display: none;
}

.mobile footer .second .r{
    float:none
}

.mobile footer .second .ml{
    margin-left: 0;
}

.mobile .coverage{
    display: none !important;
}

.mobile .coverageone:hover img{
    display:block;
}

.mobile #programform{    
    display: none;
}

.mobile #programformmobile{
    display: block;    
}

.mobile #programformmobile select, .mobile #programformmobile input[type=submit]{
    width:100%;
    height: 34px;
    border:0px;
    background-color: #A6A6A6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;    
    color:#fff;
    margin-bottom: 1px;
    width:100%;    
    margin-top: 1px;    
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    text-align: left !important;
    padding-left: 25px;
}

.mobile #programformmobile select{
    background: #A6A6A6 url("../images/link1.gif") no-repeat 97% center;
}


.mobile #program h2{
    font-size: 16px;
    margin: 15px 0 10px 5%;    
    width:90%;
}

.mobile #program .table{
    width:90%;
    margin-left: 5%;
}

.mobile #program .tr{
    display: block;
    margin-bottom: 10px;
}

.mobile #program .td{
    float:left;
    display: block;
    padding: 0;
} 

.mobile #program .table .prod{
    margin-top: 0;
}

.mobile #program .one, .mobile #program .two, .mobile #program .three{
    width:33.333%;    
    padding: 0;        
}

.mobile #program .one{
    top:5px;
}

.mobile #program .two{
    text-align: center;
}

.mobile #program .three{
    text-align: right;
}

.mobile #program .four{
    width:100%;
}

.mobile #program .programbasket, .mobile #program .five{
    display: none;
}

.mobile #repertoar article{
    width:100%;
}

.mobile #repertoar h3, .mobile #prlist h4, .mobile .playlist h4{
    width:100%;
}

.mobile #repertoar h3{    
    padding-left:5px;
    padding-right: 5px;
    box-sizing:border-box;
}

.mobile #repertoar .cal{
    position: relative;
    float:left;
    margin-right: 10px;
    right: auto;
    top:auto;
}

.mobile #repertoar p{
    width:auto;
}

.mobile .perexbox{
    width:90%;    
    padding: 10px 5%;
    margin-top: 0;
}

.mobile .perex{
    width:90%;
    padding-left:5%;
    padding-right: 5%;
}

.mobile #paper{
    width:90%;
    padding-left: 5%;
}

.mobile #paper #mainl{
    width:100%;
}

.mobile #paper .perex{
    padding-left: 0;
}

.mobile #paper h2{
    margin-left: 0;
}

.mobile .contactimg{
    display: none;
}

.mobile .contactc{
    float:none;
}

.mobile .o-divadle-m{
    width:90%;
    padding-left: 5%;
}

.mobile #peoples .playlist{
    margin-left: 0;
    width:100%;
}

.mobile #peoples #mainl{
    width:90%;
    padding: 0 5%;
}

#peoples .nom{
    margin-right: 13px;
}

.mobile #form1 .address{
    margin-left: 0;
    width: 100%;
}

.mobile #form1 .address input{
    width:auto;
}

.mobile #form1 .address td{
    text-align: left;
}

.mobile #form1 input[type="submit"]{
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

.mobile .tpl2 #homealert{
    margin-left: 0;
}

.mobile #orderform #submit{
    margin-left: 5%;
}

.mobile #orderform .first input{
    width:auto;
}

.mobile .f_left{
    width:auto;
    text-align: left;
}

.mobile #logo{
    margin-left: 0;
}

.mobile .filters{
    height: 100px;
}

.mobile nav.red.trnsp{
    border-bottom: 1px solid #ccc;
}

.mobile #production #mainl{
    width:100%;
}

.mobile #production .perex{
    width:90%;
    margin-bottom: 1px;
}

.mobile #production .text{
    width:90%;
    margin-left: 5%;
}

.mobile #production h2{
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 120%;
    padding-left: 20px;
}

.mobile #production h3{
    font-size: 18px;
    line-height: 120%;
    padding-left: 20px;
    margin-bottom: 10px;
}

.mobile #program .mobile_ab{
    display: inline-block;
}

.mobile #program .mobile_ab .bigger{
    top:0;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0;
}

.mobile #program .smaller{
    font-size: 8px;
    top:0;
    font-weight: bold;
}

.mobile #program .smaller.movl{
    left:-2px;
}

#peoples .person{
    width:124px;
}

#peoples .person.r2 a.s{
    min-height: 70px;
}

#programrbox{
    display:none;
}

.mobile #gallery_ML, .mobile #gallery_MR{
    margin-top:0;
}

.mobile #gallery_download{
    display:none !important;
}

.mobile #gallery_footer img{
    height:59px;
}

.mobile #gallery_footer{
    height:100px;
}

.mobile #gallery_text{
    margin-bottom:0;
}

.mobile #prdetphotos .primgsc{
    width:49%
}

.mobile #prdetphotos .primgsc.odd{
    margin-right:2%;
}

.mobile #ticket #mainl table{
    margin-left: 0;
}

.mobile .predplatne_table td, .mobile .purpletable td{
    padding: 10px 0;
}

.mobile #partners1, .mobile #partners2{
    position: static;
    width:100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.mobile .mobilebasket{
    display: inline-block;
    position: absolute;
    right: 50px;
    top: -6px;
}

.mobile .mobilebasket .text{
    display: none;
}

.mobile .tpiframewrap{
    width: 100%;
    overflow-x: scroll;
}

.mobile #tpiframe{
    width: 650px;
}

.mobile .user-panel{
    display: none;
}

#home2grand{
 width: 288px;   
 border-left: 2px solid #A31733;
}

.purpletable_container{
    width: 100%;
    overflow-x: scroll;
}