@media screen and (min-width:1921px) {
    .my-gallery figure {
        width: 120px!important
    }
    .contact-col {
        padding: 5% 8%;
    }
    .contact-col-content form {
        margin: 2.2em auto 0
    }
    .contact-col-content h2 {
        font-size: 1.36em;
        line-height: 1.2em
    }
    .contact-col-content form label {
        font-size: 1.2em
    }
    .contact-col-content form button {
        width: 32%;
        margin: 12% 34% 0
    }
}

@media screen and (max-width:1920px) {
    .main-circus-press {
        vertical-align: bottom
    }
    .page-event {
        padding: 1.5% 3.5% 1%
    }
    .page-history,
    .page-show {
        padding: 2.5% 3.5% 2%
    }
    .page-show-descript {
        width: 75.5%
    }
    .page-show-photos {
        width: 23.5%
    }
    .my-gallery figure {
        width: 120px!important
    }
    .page-history-descript {
        width: 79%
    }
    .page-history-info {
        width: 20%
    }
    .all-col {
        padding: 4% 10%
    }
    .all-col-content {
        margin: 1.2%;
        padding: 1.5% .8%
    }
    .contact-col {
        padding: 5% 8%;
    }
    .contact-col-content form {
        margin: 2.2em auto 0
    }
    .contact-col-content h2 {
        font-size: 1.36em;
        line-height: 1.2em
    }
    .contact-col-content form label {
        font-size: 1.2em
    }
    .contact-col-content form button {
        width: 32%;
        margin: 12% 34% 0
    }
}

@media screen and (min-width:1920px) {
    .circus-info-title,
    .circus-info-title-icon {
        height: 3.5em
    }
    .circus-info-title-show h2 {
        line-height: 2.8em!important
    }
    .circus-info-title-show-date {
        padding: 0.4% 0!important
    }
}

@media screen and (max-width:1919px) {
    .my-gallery figure {
        width: 102px!important
    }
}

@media screen and (max-width:1600px) {
    .contact-col {
        padding: 5% 8%;
    }
    .contact-col-content form {
        margin: 2.2em auto 0
    }
    .contact-col-content h2 {
        font-size: 1.36em;
        line-height: 1.2em
    }
    .contact-col-content form label {
        font-size: 1.2em
    }
    .contact-col-content form button {
        width: 32%;
        margin: 12% 34% 0
    }

    .contact-col-content-order-col-left {
    padding-right: 4%;
    }
}

@media screen and (min-width:1600px) {

    
    .header-info {
        padding: .8% 0
    }
    .header-info li {
        font-size: 1.05em
    }
    .header-social li {
        width: 15%;
        min-width: 25px;
        max-width: 40px
    }
    .topnav li a {
        font-size: 1.15em
    }
    .slider-date {
        height: 130px;
        padding: .8% 1.6%;
        font-size: 24px
    }
    .slider-date span {
        font-size: 2.4em
    }
    .slider-title {
        /* height: 130px; */
        height: fit-content;
        padding: .4% 4% 1.2% 2%;
        font-size: 44px
    }
    .slider-title-descr {
        font-size: .5em
    }
    .slider-title-event a {
        line-height: 1.4em
    }
    .slider-title-city {
        font-size: .6em
    }
    .slider-title-buy a {
        font-size: .36em
    }

    .cities li a {
        font-size: 1.05em
    }
    .main-circus-title-icon {
        width: 8%
    }
    .main-circus-title-icon svg {
        width: 60%;
        max-height: 58px;
        min-width: 58px
    }
    .main-circus-title-text h1 {
        font-size: 1.62em
    }
    .main-circus-title-text hr {
        margin: .8% 0
    }
    .main-circus-title-text p {
        font-size: 1.25em
    }
    .main-circus-press h2 {
        font-size: 1.18em
    }
    .main-circus-press p {
        font-size: 1.25em;
        margin: 2% 0 4%
    }
    .main-circus-press-button a {
        font-size: 1.1em;
        padding: .48em 1em
    }
    .main-circus-schedule table,
    .main-circus-schedule table a {
        font-size: 1.08em
    }
    .main {
        margin-bottom: -12.5em
    }
    .footer,
    .main:after {
        height: 12.5em
    }
    .footer {
        padding-top: 1%
    }
    .main-circus-schedule-button a {
        font-size: 1.1em;
        padding: .48em 1em
    }
    .footer-social li {
        width: 3.6%;
        min-width: 50px;
        max-height: 50px
    }
    .footer-social svg {
        max-width: 58px;
        max-height: 58px
    }
    .footer-up a {
        font-size: .85em
    }
    .contact-col-content h2 {
        font-size: 1.5em
    }
    .contact-col-content form label {
        font-size: 1.25em
    }
    .contact-col-content form input,
    .contact-col-content form textarea {
        font-size: 1.2em
    }
    .contact-col-content form button {
        font-size: 1.25em
    }
    .circus-photo-text h1 {
        font-size: 3.46em
    }
    .circus-info-title-show h2 {
        font-size: 1.32em;
        line-height: 2.5em
    }
    .circus-info-title-show-date {
        padding: .4% 0
    }
    .circus-info-title-show-date p {
        font-size: .96em
    }
    .circus-tbl td {
        vertical-align: middle
    }
    .tbl-day,
    .tbl-day-2 {
        padding: .5% 1.2%
    }
    .tbl-date,
    .tbl-date-2,
    .tbl-date-3 {
        padding: .5% 3%
    }
    .tbl-time,
    .tbl-time-2 {
        padding: .5% 2%
    }
    .tbl-show,
    .tbl-show-2,
    .tbl-show-3 {
        padding: .5% 3%
    }
    .tbl-buy,
    .tbl-buy-2 {
        padding: 1.4% 3%
    }
    .tbl-buy-3 {
        padding: 2% 0
    }
    .tbl-day h4 {
        font-size: 1.7em;
        line-height: 2.35em
    }
    .tbl-date h4 {
        font-size: 1.3em;
        line-height: 1.2em;
        margin: 4% 0 0
    }
    .tbl-date h4 span {
        font-size: .86em
    }
    .tbl-time h4 {
        font-size: 1.35em;
        line-height: 3em
    }
    .tbl-show h4 {
        font-size: 1.25em;
        line-height: 3em
    }
    .tbl-buy a {
        padding: .54em 1.4em;
        font-size: 1.1em
    }
    .page-show {
        margin: 0;
        padding: 2% 3.5%
    }
    .page-show-descript h3 {
        font-size: 1.3em;
        line-height: 2.8em
    }
    .page-show-descript p {
        font-size: 1.32em;
        line-height: 1.42em
    }
    .circus-descript-2 h3,
    .circus-descript-3 h3 {
        font-size: 1.3em;
        line-height: 1.8em
    }
    .circus-descript-2 p,
    .circus-descript-3 p {
        font-size: 1.32em;
        line-height: 1.42em
    }
    .page-history {
        padding: 1.8% 3.5%
    }
    .page-history-descript h3 {
        font-size: 1.3em;
        line-height: 2em
    }
    .page-history-descript p {
        font-size: 1.28em;
        line-height: 1.4em
    }
    .page-history-info p {
        font-size: 1.05em;
        line-height: 2.4em
    }
}

@media screen and (max-width:1599px) {
    .my-gallery figure {
        width: 82px!important
    }

    .contact-container {
        padding: 8% 20% 19%;
    }
    .cities li  {
        width: 12.15%;
    }
}

@media screen and (max-width:1366px) {
    .main-circus-press {
        vertical-align: bottom
    }
    .page-event {
        padding: 1% 3%
    }
    .page-history,
    .page-show {
        padding: 2% 3%
    }
    .page-show-descript {
        width: 77%
    }
    .page-show-photos {
        width: 22%
    }
    .my-gallery figure {
        width: 80px!important
    }
    .page-history-descript {
        width: 74%
    }
    .page-history-info {
        width: 25%
    }
    .all-col {
        padding: 3% 8% 5%
    }
    .all-col-content {
        margin: .8%;
        padding: 1.5% 1.8%
    }

    .contact-col-content-order-col-left {
    padding-right: 5%;
    }
}

@media screen and (max-width:1365px) {
    .my-gallery figure {
        width: 76px!important
    }
}

@media screen and (max-width:1280px) {

    .cities li  {
        width: 12.1%;
    }

    .contact-container {
        padding: 8% 15% 19%;
    }
    .page-event {
        padding: 1% 2.5%
    }
    .page-show {
        padding: 2% 2.5%
    }
    .tbl-buy {
        padding: 3%
    }
    .tbl-show-2 h4,
    .tbl-show-3 h4 {
        font-size: .92em
    }
    .my-gallery figure {
        width: 76px!important
    }
    .page-history {
        padding: 2% 2.5%
    }
    .all-col {
        padding: 4% 6% 5%
    }
    .all-col-content {
        margin: .8% .8% 1.6%
    }
    .all-col-content-img img {
        max-width: 115px
    }
    .all-col-content-info button {
        margin: 6% auto 0
    }
}

@media screen and (max-width:1279px) {
    .main-circus-img img {
        max-width: 210px;
        min-width: 200px
    }
    .my-gallery figure {
        width: 68px!important
    }
}

@media screen and (max-width:1136px) {

     .cities li  {
        width: 12%;
    }
    .main-circus-title-text h1 {
        font-size: 1.2em
    }
    .footer {
        padding-top: 3%
    }
    .circus-photo-text {
        margin: 0 24%
    }
    .circus-photo-text h1 {
        font-size: 3.1em
    }
    .circus-info-title {
        height: 3.8em
    }
    .circus-info-title-show {
        display: inline-block;
        width: 86%;
        border-right: none;
        border-bottom: .1em solid #FFF
    }
    .circus-info-title-icon {
        width: 12%;
        padding: 1.4% 0;
        height: 2.3em;
        border-bottom: .1em solid #FFF
    }
    .circus-info-title-icon svg {
        max-width: 24px
    }
    .circus-info-title-show h2 {
        line-height: 2.2em
    }
    .circus-info-title-show-date {
        display: block;
        width: 100%;
        margin: 0;
        padding: .7% 0;
        vertical-align: top;
        text-indent: 1.4em
    }
    .circus-info-title-show-date p {
        padding: .5% 0 0 10%
    }
    .circus-info-title-show-date br {
        display: none
    }
    .tbl-show-2 {
        display: none!important
    }
    .tbl-buy {
        padding: 3.1% 3%
    }
    .my-gallery figure {
        width: 102px!important
    }
    .contact-col-content-order-col-left {
    padding-right: 7%;
    }
}

@media screen and (max-width:1135px) {
    .my-gallery figure {
        width: 94px!important
    }
}

@media screen and (min-width:1024px) {
    .tbl-show-3 {
        display: none!important
    }
}

@media screen and (max-width:1024px) {
    .circus-photo-text h1 {
        font-size: 2.95em
    }
    .circus-info-title-show-date {
        padding: .8% 0
    }
    .circus-info-title-icon {
        padding: .7% 0
    }
    .my-gallery figure {
        width: 92px!important
    }
    .page-history-descript {
        width: 77%
    }
    .page-history-info {
        width: 22%
    }
    .all-col {
        padding: 3% 1% 5%
    }
    .all-col-content {
        margin: .8% .8% 1.6%
    }
    .all-col-content-img img {
        max-width: 108px
    }
    .all-col-content-info button {
        margin: 4% auto 0;
        padding: .34em 1.4em
    }
    .all-col-content-info h2 {
        font-size: 1.12em;
        line-height: 1.6em
    }
}

@media screen and (max-width:1023px) {
    .page-show {
        padding: 2.8% 2.5% 3.5%
    }
    .my-gallery figure {
        width: 88px!important
    }
    .page-event-col3-center,
    .page-event-col3-left,
    .page-event-col3-right {
        display: block;
        width: 100%;
        padding: 1.5% 0
    }
    .circus-tbl-3,
    .circus-tbl-3.table-active,
    .circus-tbl-3.table-active-2,
    .circus-tbl-3.table-active-3,
    .circus-tbl-3.table-active-4,
    .circus-tbl-3.table-active-5 {
        padding: 0 5%;
        box-sizing: border-box
    }
    .circus-info-title-show-date p {
        padding: 0 0 0 11%
    }
}

@media screen and (max-width:960px) {

    .contact-col-content h3 {
        text-align: center;

    }

    .contact-container {
        padding: 8% 10% 19%;
    }
    .footer-raw {
        padding-left: 7%;
    }
    .footer-col ul {
        padding: 0;
    }
    .cities li a,
    .topnav li a {
        font-size: .9em
    }
    .header-info {
        text-align: right
    }
    .topnav li a {
        padding: 1.5%
    }
    .cities li  {
        width: 12%;
    }
    .main-circus {
        padding: 0
    }
    .main-circus-img img {
        max-width: 220px;
        min-width: 150px
    }
    .main-circus-descr {
        padding: 3% 2% 2% 4%
    }
    .main-circus-schedule {
        display: none
    }
    .main-circus-press {
        width: 98%
    }
    .main-circus-press h2 {
        text-align: left;
        font-size: 1em;
        margin: .5% 0 0 1.2%
    }
    .main-circus-title-text {
        width: 85%;
        margin: 0 0 0 3%
    }
    .main-circus-title-text hr {
        width: 96%
    }
    .main-circus-title-text h1 {
        font-size: 1.16em
    }
    .main-circus-press p {
        font-size: 1em
    }
    .circus-photo-text {
        margin: 0 18%
    }
    .circus-photo-text h1 {
        line-height: 1.4em
    }
    .circus-descript-2 h3,
    .circus-descript-3 h3,
    .page-show-descript h3 {
        line-height: 1.7em;
        text-indent: 0
    }
    .circus-info-title-show {
        width: 84%
    }
    .circus-info-title-show-date p {
        padding: 0 0 0 13%
    }
    .circus-info-title-icon {
        width: 14%;
        padding: .8% 0
    }
    .tbl-show {
        display: none!important
    }
    .tbl-buy {
        padding: 3.6% 3%
    }
    .circus-descript-2 h3,
    .circus-descript-3 h3 {
        text-align: center
    }
    .my-gallery figure {
        width: 78px!important
    }
    .contact-col {
        padding: 6% 8%;
    }
    .contact-col-content h2 {
        font-size: 1.25em;
        line-height: 1.2em
    }
    .contact-col-content form {
        margin: 2em auto 0
    }
    .contact-col-content form label {
        font-size: 1.1em
    }
    .contact-col-content form button {
        width: 32%;
        margin: 12% 34% 0
    }
    .all-col-content-info h2 {
        font-size: 1.05em;
        line-height: 1.6em
    }
    .partners-logo-right h3 {
    	font-size: 1em;
    	line-height: 2.2em;
    }
    .partners-logo-left img {
    	max-width: 75px;
	}
	.partners-logo-left {
		padding: 2.6% 0;
	}
    .contact-col-content-order-col-left {
        display: block;
        width: 100%;
        padding: 1%;
    }
    .contact-col-content-order-col-left img {
        width: 10%;
    }

    .contact-col-content-order-col-right {
        display: block;
        width: 100%;
    }



    .contact-col-content-order-col-left {
        padding-right: 12%;
    }
    .contact-col-content p {
        text-align: center;
    }
    .contact-col-content-order-raw {
        text-align: center;
    }
}

@media screen and (max-width:905px) {
    .footer-col {
        width: auto;
    }
}

@media screen and (max-width:854px) {

    #captioned-gallery {
        padding-bottom: 5%;
    }

    .cities li  {
        width: 24%;
        margin: 1px auto;
    }
    .main {
        margin-bottom: -12em
    }
    .footer,
    .main:after {
        height: 12em
    }
    .footer {
        padding-top: 3%
    }
    .page-event {
        padding: 1% 3%
    }
    .page-show {
        padding: 3.5% 3%
    }
    .page-show-descript h3 {
        text-align: center
    }
    .circus-photo-text h1 {
        line-height: 1.4em
    }
    .circus-info-title-show h2 {
        line-height: 2.5em;
        text-indent: .2em;
        font-size: .95em
    }
    .circus-info-title-show-date p {
        padding: 0 0 0 12%
    }
    .page-history {
        padding: 2% 3%
    }
    .page-history-descript {
        width: 77%
    }
    .page-history-info {
        width: 22%
    }
    .page-history-info p {
        font-size: .89em;
        padding: 3% 0 2%
    }
    .page-history-info a {
        font-size: .89em
    }
    .all-col {
        padding: 3% 1% 5%
    }
    .all-col-content {
        margin: .8% .8% 1.6%
    }
    .all-col-content-img img {
        max-width: 108px
    }
    .all-col-content-info button {
        margin: 4% auto 0;
        padding: .34em 1em
    }
    .all-col-content-info h2 {
        font-size: 0.95em;
        line-height: 1.6em
    }
    .contact-col {
        padding: 6% 8%;
    }
    .contact-col-content h2 {
        font-size: 1.25em;
        line-height: 1.2em
    }
    .contact-col-content form {
        margin: 2em auto 0
    }
    .contact-col-content form label {
        font-size: 1.1em
    }
    .contact-col-content form button {
        width: 32%;
        margin: 12% 34% 0
    }
    .slider figure figcaption {
        top: 20%
    }
    .partners-logo-right h3 {
    	font-size: 0.9em;
    	line-height: 2.2em;
    }
    .partners-logo-left img {
    	max-width: 60px;
	}
	.partners-logo-left {
		padding: 3.3% 0;
	}
    .footer-raw {
    padding-left: 9%;
    }
    .footer-col {
        width: 32%;
    }
}

@media screen and (max-width:800px) {

    .main-circus-press {
        margin: 4% 0 0
    }
    .page-event {
        padding: 1% 2.5%
    }
    .page-show {
        padding: 3.5% 2.5%
    }
    .tbl-buy {
        padding: 4% 3%
    }
    .my-gallery figure {
        width: 70px!important
    }
    .page-history {
        padding: 2% 2.5%
    }
    .page-history-info p {
        font-size: .92em;
        padding: 3% 0 2%
    }
    .page-history-info a {
        font-size: .92em
    }
    .all-col-content-info h2 {
        font-size: 0.9em;
        line-height: 1.6em
    }
}

@media screen and (min-width:768px) {
    .info-show-2,
    .info-show-3 {
        background-color: #fff;
        color: #424242
    }
    .circus-tbl-2 {
        display: block!important
    }
    .info-show-2 {
        margin: 3% 0 2%;
        box-shadow: 0 .05em .04em #E0E0E0;
        border: .1em solid #616161;
        border-radius: .2em;
        font-weight: 400
    }
    .info-show-3 {
        margin: 3% 0 0;
        border: .1em solid #424242;
        box-shadow: none
    }
    .info-show-3:hover {
        background-color: #424242;
        color: #fff
    }
    .table-show-2 {
        display: none
    }
    .table-show-3 {
        margin: 3% 0 5%
    }
    .table-show-3:hover {
        background-color: #424242;
        background-image: -ms-linear-gradient(top, #4D4D4D 0, #424242 100%);
        background-image: -moz-linear-gradient(top, #4D4D4D 0, #424242 100%);
        background-image: -o-linear-gradient(top, #4D4D4D 0, #424242 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4D4D4D), color-stop(100, #424242));
        background-image: -webkit-linear-gradient(top, #4D4D4D 0, #424242 100%);
        background-image: linear-gradient(to bottom, #4D4D4D 0, #424242 100%)
    }
}

@media screen and (max-width:768px) {

     #captioned-gallery {
        padding-bottom: 7%;
    }

    .contact-container {
        padding: 8% 8% 19%;
    }
    .main {
        margin-bottom: -12em
    }
    .footer,
    .main:after {
        height: 12em
    }
    .header-info {
        width: 20%
    }
    .header-menu {
        width: 60%
    }
    .header-social {
        width: 17%
    }
    .slider-date {
        height: 105px;
        font-size: 17px
    }
    .slider-title {
        height: fit-content;
        /* height: 105px; */
        font-size: 38px
    }
    .topnav li {
        display: none
    }
    .topnav li.icon {
        display: inline-block;
        text-align: center
    }
    .header-menu ul.topnav.responsive {
        position: relative
    }
    .header-menu ul.topnav.responsive li.icon {
        position: absolute;
        top: 0;
        text-align: center;
        margin-bottom: 50%
    }
    .header-menu ul.topnav.responsive li {
        float: none;
        display: inline
    }
    .header-menu ul.topnav.responsive li a {
        display: block;
        text-align: left
    }
    .cities li a {
        font-size: .85em
    }
    .main-circus-press {
        margin: 5% 0 0
    }
    
    .footer {
        padding-top: 3%
    }
    .footer-social li {
        min-width: 45px
    }
    .page-event {
        padding: 3% 2.5% 1%;
    }
    .page-event-col2-left,
    .page-event-col2-right {
        display: block;
        width: 100%;
        padding: 1.5% 0
    }
    .tbl-show-2 {
        display: block!important
    }
    .circus-info {
        display: block;
        width: 96%;
        margin: 0 auto
    }
    .circus-tbl {
        display: block;
        width: 96%;
        margin: 1.5% auto
    }
    .tbl-show {
        display: table-cell!important
    }
    .circus-info-title-icon {
        width: 10%;
        padding: 1% 0
    }
    .circus-info-title-icon svg {
        max-width: 22px
    }
    .circus-info-title-show {
        width: 88%
    }
    .circus-info-title-show h2 {
        font-size: 1.2em;
        line-height: 1.6em
    }
    .circus-info-title-show-date {
        padding: .5% 0
    }
    .circus-info-title-show-date p {
        padding: 0 0 0 11%;
        text-indent: .4em
    }
    .circus-photo-text {
        margin: 0 12%
    }
    .page-show {
        padding: 4%
    }
    .circus-descript-2,
    .circus-descript-2.info-active {
        padding: 2% 5%;
        margin: 0
    }
    .page-show-descript {
        display: block;
        width: 100%;
        padding: 0;
        border-right: none
    }
    .page-show-descript h3 {
        line-height: 2em;
        text-indent: 0
    }
    .page-show-photos {
        display: block;
        width: 100%;
        padding: 2% 0 0;
        text-align: center
    }
    .page-history {
        padding: 3% 4%
    }
    .page-history-descript {
        width: 68%
    }
    .page-history-info {
        width: 31%
    }
    .page-history-info p {
        font-size: .9em
    }
    .my-gallery figure {
        width: 60px!important
    }
    .all-col {
        padding: 12% 1% 21%
    }
    .all-col-content {
        margin: .8% .8% 1.6%;
        padding: 1.5% .4%
    }
    .all-col-content-img img {
        max-width: 105px
    }
    .all-col-content-info button {
        margin: 6% auto 0;
        padding: .34em 1.4em
    }
    .all-col-content-info h2 {
        font-size: .88em;
        line-height: 1.6em;
        padding: 0 2%
    }
    .partners-1 {
    	display: block;
    	width: 100%;
    	margin: 0;
    }
    .partners-2 {
    	display: block;
    	width: 100%;
    	margin: 0;
    }
    .partners-logo-right h3 {
    	font-size: 0.95em;
    	line-height: 2.2em;
    }
    .partners-logo-left img {
    	max-width: 75px;
	}
	.partners-logo-left {
		padding: 2.6% 0;
	}
    .contact-col {
        padding: 6% 8%;
    }
}

@media screen and (max-width:667px) {

    .contact-container {
        padding: 8% 4% 19%;
    }
    .all-col {
        padding: 3% 1% 5%
    }
	.all-col-content-info h2 {
        font-size: 0.8em;
    }
    .contact-col {
       padding: 6% 8%;
    }
    .footer-col {
        width: 100%;
        text-align: center;
    }
    .footer-col li a {
        text-align: center;
    }
    .footer-col li p {
        text-align: center;
    }
    .footer-col li h2 {
        text-align: center;
    }
    .footer-col li h3 {
        text-align: center;
    }
    .main {
        margin-bottom: -39em
    }
    .footer,
    .main:after {
        height: 39em
    }
    .footer {
        padding-top: 6%
    }
    .footer-raw {
        padding-left: 0;
    }
}

@media screen and (max-width:640px) {
    h1 {
        font-size: 16px;
    }
    .container {
        padding: 0 12px;
    }
    .slider-info:not(:last-child) {
        margin-bottom: 24px;
    }
    .header-info {
        width: 25%
    }
    .header-menu {
        width: 50%
    }
    .header-social {
        width: 23%
    }
    .slider-date {
        height: 90px;
        font-size: 14px
    }
    .slider-title {
        /* height: 90px; */
        font-size: 32px
    }
    .main-circus-descr,
    .main-circus-img {
        display: block;
        width: 100%
    }
    .tbl-show,
    .tbl-show-2 {
        display: none!important
    }
    .cities li a {
        font-size: .65em
    }
    
    .main-circus-img {
        margin: 0;
        padding: 0 0 1%;
        line-height: 12.5em
    }
    .page-show-descript h3,
    .tbl-day h4 {
        line-height: 1.8em
    }
    .main-circus-img img {
        max-width: 200px
    }
    .main-circus-press button {
        margin: 5% 0 0
    }
    .footer-social li {
        min-width: 40px
    }
    
    
    .circus-photo-text {
        margin: 0 10%
    }
    .circus-photo-text h1 {
        font-size: 2.2em
    }
    .circus-info-title-show {
        width: 88%
    }
    .circus-info-title-icon {
        width: 10%;
        padding: 1.2% 0
    }
    .tbl-day {
        padding: 1%
    }
    .tbl-day h4 {
        font-size: 1.4em
    }
    .tbl-date {
        padding: 1% 3%
    }
    .tbl-date h4 {
        font-size: 1.05em;
        line-height: 1em;
        margin: 1% 0 0
    }
    .tbl-date h4 span {
        font-size: .8em
    }
    .tbl-time {
        padding: 1% 2%
    }
    .tbl-time h4 {
        font-size: 1.1em;
        line-height: 2.2em
    }
    .tbl-show {
        padding: 1% 3%
    }
    .tbl-show h4 {
        font-size: 1.1em;
        line-height: 2.25em
    }
    .tbl-day-2 {
        padding: 1%
    }
    .tbl-day-2 h4 {
        font-size: 1.4em
    }
    .tbl-date-2,
    .tbl-date-3 {
        padding: 1% 3%
    }
    .tbl-date-2 h4,
    .tbl-date-3 h4 {
        font-size: 1.05em;
        line-height: 1em;
        margin: 1% 0 0
    }
    .tbl-date-2 h4 span,
    .tbl-date-3 h4 span {
        font-size: .8em
    }
    .tbl-time-2 {
        padding: 1% 2%
    }
    .tbl-time-2 h4 {
        font-size: 1.1em;
        line-height: 2.2em
    }
    .tbl-show-2 {
        padding: 1% 3%
    }
    .tbl-show-2 h4 {
        font-size: 1.1em;
        line-height: 2.25em
    }
    .circus-tbl-3,
    .circus-tbl-3.table-active,
    .circus-tbl-3.table-active-2,
    .circus-tbl-3.table-active-3,
    .circus-tbl-3.table-active-4,
    .circus-tbl-3.table-active-5 {
        padding: 0;
        box-sizing: border-box
    }
    .page-show-photos {
        text-align: left
    }
    .page-history-descript {
        display: block;
        width: 100%;
        border-left: none
    }
    .page-history-info {
        display: block;
        width: 100%;
        margin: 0 0 1%;
        padding: 3% 0;
        border-bottom: .1em solid #ebebeb
    }
    .page-history-info p {
        border: none;
        padding: 1% 0 0
    }
    .my-gallery figure {
        width: 78px!important
    }
    .all-col {
        padding: 3.5% 1% 5%
    }
    .all-col-content {
        margin: .8% .8% 1.6%;
        padding: 1.5% .4%
    }
    .all-col-content-img img {
        max-width: 90px
    }
    .all-col-content-info button {
        margin: 6% auto 0;
        padding: .34em .8em
    }
    .all-col-content-info h2 {
        font-size: .8em;
        line-height: 1.5em
    }
    .all-col-content-info a {
        font-size: .9em
    }
    .contact-col-content svg {
        max-width: 50px;
        max-height: 50px
    }
    .contact-col-content h2 {
        font-size: 1.2em;
        line-height: 1.2em
    }
    .contact-col-content form label {
        font-size: 1.05em
    }
    .contact-col-content form button {
        width: 45%;
        margin: 12% 27.5% 0
    }
    .partners-logo-right h3 {
    	font-size: 0.92em;
    	line-height: 2.2em;
    }
    .partners-logo-left img {
    	max-width: 70px;
	}
	.partners-logo-left {
		padding: 2% 0;
	}
    .col-100-xs {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .project-item {
flex-wrap: wrap;
    }
    .project-item__title {
        font-size: 26px;
        line-height: 31px;
    }
    .project__gallery a {
        max-width: 100%;
        width: 100%;
        margin-right: 0 !important;
    }
    .slider-date {
        width: 100%;
        max-width: unset;
    }
    .slider-title {
        width: 100%;
    }
}

@media screen and (max-width:480px) {

     #captioned-gallery {
        padding-bottom: 8%;
    }

    .contact-container {
        padding: 8% 2% 19%;
    }
    .header-info,
    .header-menu,
    .header-social {
        width: 100%
    }
    .header-info,
    .header-social,
    .header-social ul {
        text-align: center
    }


    .footer-social li {
        min-width: 35px
    }
    .header-info li {
        margin-right: .1em;
        font-size: .8em
    }
    .header-social li {
        width: 5%;
        min-width: 20px;
        max-width: 30px
    }

    .header-nav {
        position: static
    }
    .slider-date {
        height: 55px;
        font-size: 9px
    }
    .slider-title {
        /* height: 55px; */
        font-size: 20px
    }
    .cities ul {
        padding: .8% 0
    }

    .cities li a {
        font-size: .42em
    }
    .main-circus-descr {
        padding: 6% 5% 5%
    }
    .main-circus-img {
        padding: 0 0 1%;
        line-height: 9em
    }
    .main-circus-img img {
        max-width: 140px;
        min-width: 100px
    }
    .main-circus-title-icon {
        width: 6%
    }
    .main-circus-title-icon svg {
        min-width: 38px
    }
    .main-circus-title-text {
        width: 83%;
        margin: 0 0 0 5%
    }
    .main-circus-title-text h1 {
        font-size: 1.05em
    }
    .main-circus-title-text p {
        font-size: .9em
    }
    .main-circus-press h2 {
        font-size: .8em
    }
    .main-circus-press p {
        font-size: .9em;
        text-align: justify;
        margin: 3% 0;
    }
    .main-circus-press button {
        padding: .24em .82em
    }
    .main-circus-press a {
        font-size: .85em
    }
    .modal-close {
        padding: .15em .4em
    }
    .circus-info,
    .circus-tbl {
        width: 100%;
    }
    .circus-info-title-icon {
        width: 12%;
        padding: 2.2% 0;
        height: 2.4em
    }
    .circus-info-title-show {
        width: 86%
    }
    .circus-info-title-show h2 {
        font-size: 1.2em;
        line-height: 2em;
        text-indent: .2em
    }
    .circus-info-title-show-date {
        padding: .6% 0
    }
    .circus-info-title-show-date p {
        text-indent: 1em
    }
    .page-event {
        padding: 3% 6%
    }
    .page-show {
        padding: 6%
    }
    .tbl-show-3 {
        display: none!important
    }
    .circus-descript-2,
    .circus-descript-2.info-active {
        padding: 2% 1%;
        margin: 0
    }
    .page-show-descript h3 {
        line-height: 1.4em
    }
    .circus-descript-2 p,
    .circus-descript-3 p,
    .page-show-descript p {
        text-align: left;
        word-break: break-all;
    }
    .my-gallery figure {
        width: 76px!important
    }
    .page-history {
        padding: 3% 6%
    }
    .page-history-descript h3 {
        text-align: center
    }
    .page-history-descript p {
        text-align: left;
        word-break: break-all;
    }
    .contact-col-content form input,
    .contact-col-content form textarea,
    .page-show-photos {
        text-align: center
    }
    .circus-photo-text {
        margin: 0 8%
    }
    .circus-photo-text h1 {
        font-size: 1.5em
    }
    .tbl-date h4 {
        font-size: .95em;
        line-height: 1em;
        margin: 2% 0
    }
    .tbl-buy {
        padding: 3.5% 3%
    }
    .tbl-buy a {
        font-size: .9em
    }
    .all-col {
        padding: 5% 12%
    }
    .all-col-content {
        display: block;
        width: 100%;
        margin: 3% auto 8%;
        padding: 3% 3.6%
    }
    .all-col-content-info h2 {
        font-size: .88em;
    }
    .contact-col {
        padding: 5% 8%;
    }
    .contact-col-content svg {
        max-width: 48px;
        max-height: 48px
    }
    .contact-col-content h2 {
        font-size: 1.1em;
        line-height: 1.2em
    }
    .contact-col-content form {
        margin: 1.5em auto 0
    }
    .contact-col-content form label {
        font-size: 1em
    }
    .contact-col-content form button {
        width: 60%;
        margin: 12% 20% 0
    }
    .partners-logo-right h3 {
    	font-size: 0.91em;
    	line-height: 1.8em;
    }
    .partners-logo-left img {
    	max-width: 60px;
	}
	.partners-logo-left {
		padding: 2% 0;
	}
    .support-block {
        margin: 12% auto 5%;
    }
    .support-block p {
        text-align: center !important;
    }
}

@media screen and (max-width:360px) {

     #captioned-gallery {
        padding-bottom: 12%;
    }

    .cities li  {
        width: 23%;
    }

    .slider figure figcaption {
        top: 15%
    }
    .tbl-day h4 {
        font-size: 1.2em;
        line-height: 2.6em
    }
    .tbl-date h4 {
        font-size: 1em;
        margin: 10% 0 0
    }
    .tbl-time h4 {
        line-height: 2.8em
    }
    .tbl-buy button {
        padding: .3em
    }
    .tbl-buy,
    .tbl-buy-2,
    .tbl-buy-3 {
        padding: 5.5% 3%
    }
    .tbl-buy a,
    .tbl-buy-2 a,
    .tbl-buy-3 a {
        font-size: .6em;
        padding: .6em .8em
    }
    .tbl-day-2 h4 {
        font-size: 1.2em;
        line-height: 2.6em
    }
    .tbl-date-2 h4,
    .tbl-date-3 h4 {
        font-size: 1em;
        margin: 10% 0 0
    }
    .tbl-time-2 h4 {
        line-height: 2.8em
    }
    .circus-info-title-show-date p {
        padding: 0 0 0 11%;
        font-size: .62em;
        text-indent: 1.5em
    }
    .circus-info-title-show-date {
        padding: 1.5% 0
    }
    .info-show-2,
    .info-show-3,
    .table-show-2,
    .table-show-3 {
        padding: .4em 0
    }
    .partners-logo-right h3 {
    	font-size: 0.76em;
    	line-height: 1.8em;
    }
    .partners-logo-left img {
    	max-width: 50px;
	}
	.partners-logo-left {
		padding: 2.4% 0;
	}
}

@media screen and (max-width:320px) {
    .main-circus-descr {
        padding: 8% 5% 5%
    }
    .main-circus-title-icon {
        width: 9%
    }
    .main-circus-title-icon svg {
        min-width: 35px
    }
    .main-circus-title-text h1 {
        font-size: .93em
    }
    .main-circus-press h2 {
        line-height: 1.4em
    }
    .main-circus-press p {
        margin: 4% 0 0
    }
    .main {
        margin-bottom: -35em
    }
    .slider figure figcaption {
        top: 10%
    }
    .slider-title-city {
        width: 60%
    }
    .footer,
    .main:after {
        height: 35em
    }
    .footer {
        padding-top: 8%
    }
    .page-show {
        padding: 10% 6%
    }
    .circus-info-title {
        height: 3.2em
    }
    .circus-info-title-icon {
        width: 15%;
        padding: 1.5% 0;
        height: 1.9em
    }
    .circus-info-title-show {
        width: 83%
    }
    .circus-info-title-show h2 {
        line-height: 2.2em;
        text-indent: .5em;
        font-size: .85em
    }
    .my-gallery figure {
        width: 80px!important
    }
    .tbl-buy,
    .tbl-buy-2,
    .tbl-buy-3 {
        padding: 6% 3%;
    }
    .tbl-buy a,
    .tbl-buy-2 a,
    .tbl-buy-3 a {
        padding: .8em .8em;
    }
    .all-col {
        padding: 5% 8%
    }
    .all-col-content {
        display: block;
        width: 100%;
        margin: 3% auto 8%
    }
    .all-col-content-img img {
        max-width: 90px
    }
    .all-col-content-info button {
        margin: 5% auto 0;
        padding: .34em 1em
    }
    .all-col-content-info a {
        font-size: .93em
    }
    .contact-col {
        padding: 5% 8%;
    }
    .contact-col-content h2 {
        font-size: 1.1em;
        line-height: 1.4em
    }
    .contact-col-content svg {
        max-width: 38px;
        max-height: 38px
    }
    .partners-logo-right h3 {
    	font-size: 0.72em;
    	line-height: 1.8em;
    }
    .partners-logo-left img {
    	max-width: 55px;
	}
	.partners-logo-left {
		padding: 4.2% 0;
	}
}