@media (max-width: 1314px) { 

.header {width: 100%;}

.slider-footer {display: none;}

.tile-table img {width: 120px !important; height: inherit !important;}

.securimage-container a img {width: 16px; height: 16px}
#panorama {width: 100%;}


}


@media (max-width: 1280px) { 

img.caption { width: inherit !important; }

img.sponsor-img {width: 80% !important;}

.sheet {width: 100%}

/*.content-layout-row {display: inline-block;}*/

.content-layout .layout-cell {display: table-cell;}

.content-layout .sidebar2 {display: table-cell;}

.content-layout {text-align: center;}

/*.j16 .cols-3 .column-1 {width: 240px;}
.j16 .cols-3 .column-2 {width: 240px;}
.j16 .cols-3 .column-3 {width: 240px;}*/


div#vtnivo231 {width: 100% !important; height: 100% !important;}
div#vtnivo249 {width: 100% !important; height: 100% !important;}


.theme-nivo .nivo-controlNav {position: relative; bottom: 35px;}

.theme-nivo .nivoSlider {left: 0px;}

#page-background-glare-image {width: 100%; top: auto; right: auto; bottom: auto; left: auto; background-position: center;}
.bilet11 {top: 322px; !impotant}
.bilet22 {top: 310px; !impotant; max-width: 213px;}
#panorama {width: 100%;}
}



@media (max-width: 1244px) { 

/*.j16 .cols-3 .column-1 {width: 230px;}
.j16 .cols-3 .column-2 {width: 230px;}
.j16 .cols-3 .column-3 {width: 230px;}*/

.hmenu a .t {font-size: 13pt;}

.headerblock1 {width: 296px;}

.headerblock4 {width: 252px;}

.headerblock5 {margin: 0 20px 0 80px;}

.headerblock5 h1 {margin-top: 35px;}

.headerblock5 h1 a {font-size: 22pt;}

.tyuvil {margin-top: 16px;}
#panorama {width: 100%;}

}




@media (max-width: 1170px) { 

/*.j16 .cols-3 .column-1 {width: 220px;}
.j16 .cols-3 .column-2 {width: 220px;}
.j16 .cols-3 .column-3 {width: 220px;}*/

.hmenu a .t {font-size: 12pt;}


.headerblock5 {margin: 0 20px 0 54px;}

.headerblock1 {width: 270px;}
.bilet11 {top: 308px; !impotant}
.bilet22 {top: 295px; !impotant; max-width: 211px;}
#panorama {width: 100%;}
}




@media (max-width: 1140px) { 

img.caption { width: inherit !important; }

/*.j16 .cols-3 .column-1 {width: 200px;}
.j16 .cols-3 .column-2 {width: 200px;}
.j16 .cols-3 .column-3 {width: 200px;}*/

.hmenu a .t {font-size: 11pt;}


.headerblock1 {width: 210px;}

.headerblock5 {margin: 0 0px 0 15px;}
.bilet11 {top: 277px; !impotant}
.bilet22 {top: 265px; !impotant; max-width: 190px;}
#panorama {width: 100%;}
}



@media (max-width: 1085px) { 

/*.j16 .cols-3 .column-1 {width: 180px;}
.j16 .cols-3 .column-2 {width: 180px;}
.j16 .cols-3 .column-3 {width: 180px;}*/

.hmenu a .t {font-size: 10pt;}

.hmenu ul {padding: 10px 0px 30px 30px;}

.headerblock1 {width: 140px;}

.headerblock4 {width: 204px;}

.tinfo {margin-left: 0px;}

.tlref {margin-left: 0px;}

.headerblock6 {width: 265px;}

.season-number {font-size: 72pt;}

.season-caption {font-size: 11pt;}

.tyuvil a {font-size: 14pt;}

.bilet11 {top: 234px; !impotant}
.bilet22 {top: 220px; !impotant; max-width: 150px;}
#panorama {width: 100%;}
}



@media (max-width: 1018px) { 
/*.j16 .cols-3 .column-1 {width: 190px;}
.j16 .cols-3 .column-2 {width: 190px;}
.j16 .cols-3 .column-3 {width: 190px;}*/

.newsflash {display: none;}

.content-layout .sidebar2 {display: none;}

table#table1 {display: none;}

.hmenu a .t {padding: 0 20px;}

.hastrol-afisha-ref {display: block; margin-bottom: 20px; color: #000;}
#panorama {width: 100%;}
}



@media (max-width: 952px) { 
a.bigscreen {display: none;}
a.smallscreen {display: block;}
/*.j16 .cols-3 .column-1 {width: 180px;}
.j16 .cols-3 .column-2 {width: 180px;}
.j16 .cols-3 .column-3 {width: 180px;}*/

.header {height: 200px;}

.headerblock2 {width: 220px;}

.headerblock4 {width: 170px; height: 140px; font-size: 10pt;}

.tinfo {font-size: 10pt; height: 78px;}

.headerblock5 {width: 300px; height: 140px; margin: 0 20px 0 20px;}

.headerblock5 h1 a {font-size: 16pt;}

.headerblock6 {width: 194px; height: 140px;}

.tyuvil {margin-top: 6px;}

.tyuvil a {font-size: 10pt;}

.season-number {font-size: 58pt;}

.season-caption {font-size: 9pt;}

.hmenu a .t {font-size: 9pt; padding: 0 12px;}

.blog .postcontent p a font {font-size: 10pt;}

.hmenu ul a {width: 200px;}

#panorama {width: 100%;}

.play__more {flex-wrap: wrap;}
.play__person {width: 100%;}
.play__desk {width: 100%; padding: unset; border-left: unset; border-top: 2px solid #D5A71C;}
}



@media handheld, screen and (max-width: 799px) {

.tile-table.perfomance {width: 80%;}

table.position {display: none;}

.tile-table img {width: 120px !important; height: inherit !important;}

.headerblock1 {display: block; margin: 0 auto; width: 300px; text-align: center;}

.headerblock2 {display: none;}

.headerblock3 {display: block; margin: 0 auto; width: 300px;}

.headerblock4 {display: block; margin: 0 auto; width: 300px; height: 38px; text-align: center;}

.headerblock5 {display: block; margin: 0 auto; width: 300px; height: 76px;}

.headerblock5 h1 a {font-size: 11pt;}

.headerblock6 {display: none;}

.tinfo {display: none;}
.tlref {text-align: center;}

.headerblock4:before {content: '(057) 707-70-43, (057) 707-70-91'; width: 320px;}

.moduletablequicks {display: none !important;}

.hmenu li {float: none;}

.hmenu .hmenu-li-separator {display: none;}

.hmenu a {height: auto; text-align: center !important;}

.hmenu a .t {line-height: inherit;}

.hmenu ul {margin: 0; padding: 0; position: relative; display: block; font-size: 10pt !important;}

.hmenu ul a, .hmenu ul a:hover {font-size: 9pt !important; text-indent: 0 important; padding: 10px !important;}

.nav-outer {position: relative;}

.hmenu .hmenu-li-separator {display: none;}

.nav ul.hmenu ul a {padding: 0;}

ul.hmenu {left: 0;}

div.nav-center {float: none; right: 0;}

.j16 .cols-3 .column-1 {width: auto; float: none;}

.j16 .cols-3 .column-2 {width: auto; float: none;}

.j16 .cols-3 .column-3 {width: auto; float: none;}

/*Выравнивание афиш по центру при разрешении ниже 799рх 10.01.2023 */
.items-row.cols-3.row-0 {
  justify-content: center;
  }


/* .content-layout img {width: 50% !important; height: inherit !important;} */

#roksearch_results {width: 200px;}

.footer-img {z-index: 10;}




/* dynamic width nav */
.nav,
.nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: center !important;
}

.nav
{
   min-width: 1%;
   margin-top: 1%;
}

.nav 
{
   padding-left: 0;
   padding-right: 0;
   margin-top: 20px;
}

/* full width hmenu, instead of inline-block */
.nav ul.hmenu 
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.nav ul.hmenu li,
.hmenu-extra1,
.hmenu-extra2
{
   float: none;
}
  
/* horizontal margins */
.nav ul.hmenu>li:first-child, 
.nav ul.hmenu>li:last-child, 
.nav ul.hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.nav ul.hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
.nav ul.hmenu a
{
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   height: auto;
   white-space: normal;
}

.nav ul.hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.nav ul.hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.nav .ext, 
.nav ul.hmenu>li>ul, 
.nav ul.hmenu>li>ul>li,
.nav ul.hmenu>li>ul>li a
{
   width: auto !important;
   line-height: inherit;
   text-decoration: none !important;
}

.nav ul.hmenu>li>ul>li a:hover
{
   text-decoration: underline !important;
}

/* submenu position on hover */
.nav ul.hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   position: relative !important;
   visibility: visible !important;
}

.nav ul.hmenu li.active>ul
{
   display: block !important;
}
.nav ul.hmenu ul li.active>a
{
   font-weight: bold;
}

.nav .menu-btn 
{
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   display: none;
   background: -ms-linear-gradient(top, #707070 0, #000 100%);
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   margin: 3px;
   padding: 5px;
   position: relative;
   width: 20px;
}

.nav .menu-btn span 
{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.nav .menu-btn:hover span
{
   background: #f3f3f3;
}

.nav .menu-btn 
{
   display: inline-block;
}

.nav .hmenu.visible 
{
   display: block;
   background-color: #F2E9D9;
   border: 2px solid #D5A71C;
  border-radius: 15px;
}

.nav ul.hmenu>li>ul>li:first-child:after {display: none;}

ul.hmenu>li {display: inline;}

.hmenu a .t {font-size: 12pt;}

.content-layout .sidebar1 {display: none !important;}

.nav-l {border-bottom: none;}

.vt_nivo_slider {display: none;}
#panorama {width: 100%;}

}

@media screen and (max-width: 612px)  {
.play-date {
    width: 100%;
}
.block22 {
  margin: 0 auto;
  }
.block22 img {
  float: unset!important;
  }
.play__hero p {
  width: 100%;
  text-align: center;
  }
.concert-programm {
  gap: unset;
  }
.concert-programm__col {
  width: 100%;
  }
.person__list div {
  width: 100%;
  }
.event__programm-col {
  width: 100%;
  }
.play__photo {
  flex-wrap: wrap;
  }
  .play__photo img {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
.person__photo {
  width: 100%;
  font-size: 0;
  margin-bottom: 20px;
  }
.person__photo img {
  width: 100%;
  height: auto;
  float: unset!important;
  margin: unset;
  }
}