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

    .container {
        width: auto;
        margin-left: 30px;
        margin-right: 30px;
    }
    .container .container {
        margin-left: 0;
        margin-right: 0;
    }

    .only-desktop {
        display: none;
    }
    .only-tablet {
        display: block;
    }
    .only-mobile {
        display: none;
    }

    .only-desktop-or-tablet {
        display: block;
    }
    .only-tablet-or-mobile {
        display: block;
    }

    .mobile-menu-link {
        display: block;
        width: 28px;
        margin-right: 25px;
    }
    .mobile-menu-link span {
        height: 2px;
        display: block;
        background: #333;
        margin-bottom: 6px;
    }
    .mobile-menu-link span:last-child {
        margin-bottom: 0;
    }

    .header-block .menu {
        display: none;
    }

    .site-logo img {
        width: 54px;
        margin-bottom: 3px;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 360px;
        z-index: 50;
        background: #fff;

        overflow: auto;

        -webkit-box-shadow: 0 0 15px -7px #333;
        box-shadow: 0 0 15px -7px #333;
    }
    .mobile-menu.open {
        display: block !important;
    }
    .mobile-menu-inner {
        height: 100%;
    }
    .mobile-menu .menu a {
        display: block;
        padding: 12px 30px;
        font-weight: 500;
        color: #4b0082;
        text-decoration: none;
        font-size: 17px;
        text-transform: uppercase;
    }
    .mobile-menu .menu li {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom: -1px;
    }
    .mobile-menu .close {
        padding: 28px 0;
    }
    .mobile-menu .close a {
        display: block;
        width: 38px;
        height: 38px;
        position: relative;
        text-indent: -9999px;
    }
    .mobile-menu .close a:after {
        content: '';
        width: 60px;
        height: 60px;
        background: url(../img/img.png?v1.2) 0 -90px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -30px;
        margin-left: -30px;
    }

    .mobile-menu .dropdown[data-dropdown] {
        left: 30px;
        box-shadow: none;
        width: 280px;
        min-width: 0;
    }
    .mobile-menu .dropdown[data-dropdown] .dropdown-item {
        border-top: none;
    }
    .mobile-menu .dropdown[data-dropdown] .dropdown-item a {
        padding: 7px 15px;
        text-transform: none;
        font-weight: normal;
        white-space: normal;
    }
    .mobile-menu .dropdown[data-dropdown]:after,
    .mobile-menu .dropdown[data-dropdown]:before {
        left: 66px;
    }

    .mobile-menu .social-block {
        padding: 30px 0;
    }

    .promo-block .content {
        margin-top: -100px;
        margin-right: 0;
    }

    .rombs {
        height: 50px;
    }

    .participants-list-item {
        margin: 0 15px 30px 15px !important;
    }

    .nominations-block .nomination {
        padding: 35px 0;
    }
    .nominations-block .show-all {
        margin-top: 0;
    }
    .nominations-block .nomination-name {
        font-size: 45px;
        margin-bottom: 35px;
    }

    .promo-block .title {
        font-size: 30px;
    }
    .promo-block .name {
        font-size: 60px;
    }
    .promo-block .links .item {
        margin-right: 30px;
    }
    .promo-block .links .item:last-child {
        margin-right: 0;
    }

    .jury-block {
        padding: 35px 0;
    }

    .jury-list .item {
        margin: 0 15px 30px 15px !important;
    }
    .jury-list.owl-carousel .item {
        margin: 0 !important;
    }
    .jury-list.owl-carousel .item-group .item {
        margin: 0 0 30px !important;
    }
    .jury-list.owl-carousel .item-group .item:last-child {
        margin-bottom: 0 !important;
    }

    .youtube-block {
        padding: 35px 0;
    }
    .youtube-block .name a {
        font-size: 18px;
    }
    .youtube-block .header {
        margin-bottom: 35px;
    }

    .youtube-block .item {
        width: calc(50% - 15px);
    }
    .partners-block {
        padding: 35px 0;
    }

    .block-title {
        font-size: 45px;
        margin-bottom: 35px;
    }
    .block-title.small {
        font-size: 38px;
    }
    .partners-block .become-partner {
        margin-top: 35px;
    }

    .footer-block .inner {
        display: block;
        padding: 18px 0;
    }
    .footer-block .links {
        margin-top: 15px;
    }

    .register-form .info-and-images {
        display: block;
    }
    .register-form .info,
    .register-form .images {
        width: auto;
        min-width: 0;
        margin-right: 0;
    }
    .register-form .info {
        margin-bottom: 40px;
    }
    .register-form .images .items {
        justify-content: flex-start;
        margin-bottom: 0;
    }
    .register-form .images [data-register-form-image] {
        margin-right: 30px;
    }
    .register-form .images [data-register-form-image]:last-child {
        margin-right: 0;
    }
    .register-form .image {
        margin-bottom: 30px;
    }

    h1 {
        font-size: 55px;
    }
    .h1-wrapper {
        padding: 25px 0;
    }

    .page {
        padding: 35px 0;
    }
    .page .page-inner {
        padding: 30px;
    }

    .participants-page .page-header .item {
        margin: 0 10px !important;
    }
    .participants-page .page-header {
        margin-bottom: 30px;
    }

    .participants-page .page-header .item a {
        width: auto;
        min-width: 200px;
        padding: 0 30px;
    }
    .participant-page .slider {
        margin-top: 0;
    }
    .participant-page .images {
        width: 300px;
        min-width: 300px;
        margin-left: 30px;
    }
    .participant-page .thumbs {
        margin-top: 30px;
    }

    .participant-page .buttons .button2 {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .participant-page .social .item {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .participant-page .buttons,
    .participant-page .social {
        margin: 30px 0;
    }

    .participant-page .position-and-vote {
        display: block;
    }
    .participant-page .vote {
        margin-top: 30px;
        margin-left: 0;

        display: flex;
        justify-content: center;
    }
    .participant-page .about {
        font-size: 24px;
    }

    .partners-page .category.big .partner img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }


    .partners-page .category {
        margin-bottom: 30px;
    }
    .partners-page .category-name {
        font-size: 25px;
    }
    .partners-page .small-items:after {
        display: none;
    }
    .partners-page .small-items {
        display: block;
    }
    .partners-page .category.small {
        width: auto;
    }
    .partners-page .category.big .partners {
        margin: 40px 30px 30px;
    }
    .partners-page .category.small .category-header {
        display: flex;
    }
    .partners-page .category.small .partners {
        margin: 40px 30px 30px;
    }

    .partners-page .category.small .partners {
        justify-content: center;
    }
    .partners-page .category .partner {
        width: 33.33%;
    }

    .videos-page .item {
        margin-bottom: 30px;
        width: calc(50% - 15px);
    }

    .page-help-text {
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .page-help-text:first-child {
        margin-top: 0;
    }
    .page-help-text:last-child {
        margin-bottom: 0;
    }

    .ui-dialog {
        max-width: 100%;
    }

    .promo-block .girls {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .countries-list .item {
        width: 30%;
        margin: 7px 0;
    }

    .participants-page .countries-list {
        margin: 30px 0;
    }

    .participants-page .pagination {
        margin-top: 0;
    }

    .tickets-page .page-info .img {
        width: 300px;
        min-width: 300px;
        margin-right: 30px;
    }
    .tickets-page .page-info .img img {
        max-width: 100%;
        height: auto;
    }
    .tickets-page .page-info .title {
        font-size: 35px;
    }
    .tickets-page .page-info .text {
        font-size: 20px;
    }
    .tickets-page .page-info {
        font-size: 17px;
        padding: 30px 0;
    }

    [data-tabs-content] {
        padding: 30px 0;
    }

    .ticket-buy-form .item-category {
        width: calc(33.333% - 12px);
    }
    .ticket-buy-form .item-category .img img {
        max-width: 100%;
        height: auto;
    }

    .ticket-buy-form input[name="category_id"] + label {
        font-size: 17px;
    }
    .ticket-buy-form .item-ticket {
        width: 340px;
    }
    .tickets-page .block-title {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .tickets-page .hall-layout img {
        max-width: 100%;
        height: auto;
    }

    .tickets-page .area-images {
        justify-content: space-between;
    }
    .tickets-page .area-images:after {
        content: '';
        height: 1px;
        width: calc(33.333% - 13px);
    }
    .tickets-page .area-images .item {
        width: calc(33.333% - 13px);
        margin: 0 0 20px;
    }
    .tickets-page .area-images .item img {
        width: 100%;
        height: auto;
    }

    .ticket-buy-form input[name="category_id"] + label {
        display: block;
    }
    .ticket-buy-form .item-category .price {
        display: block;
    }

    .tickets-page .hall-image img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    html body > p.flash-message {
        margin: 0;
        left: 10px;
        top: 10px;
        right: 10px;
        width: auto;
    }

    .tickets-page .page-info .text-2 {
        margin-top: 20px;
        font-size: 16px;
    }

}