/**********************************************************************************************************

                                                TABLETS

**********************************************************************************************************/
@media screen and (max-width: 800px) and (min-width: 401px) {
  /* common */
  .b-tablet_only {
    display: block;
  }
  .b-tablet_hidden {
    display: none !important;
  }
}
/*********************************************** TABLET PORTRAIT *************************************************/
@media screen and (max-width: 800px) and (min-width: 401px) and (max-aspect-ratio: 6/5) {
  /* common */
  .b-tablet_portrait_hidden {
    display: none !important;
  }
  .b-header {
    font-size: 1.6em;
  }
  .b-header_item {
    padding: 1.8em 2em 0;
  }
  .b-header_right {
    left: auto;
    right: 11em;
    width: 45em;
  }
  .b-footer {
    font-size: 2em;
    height: 9em;
  }
  .b-page_wrap {
    top: 14em;
    bottom: 18em;
  }
  .html-iframe .b-page_wrap {
    top: 0;
    bottom: 0;
  }
  .selectbox {
    height: 14em;
  }
  .selectbox .text {
    padding: 1.5em 2em 0 0;
  }
  .b-checkbox + label {
    font-size: 1.5em;
  }
  .b-small_popup_content {
    font-size: 1.7em;
  }
  /* gl canvas */
  .gl-canvas_wrap {
    width: 600px;
    font-size: 3.8px;
  }
  .gl-canvas_image,
  .gl-canvas,
  .gl-image_result {
    height: 315px;
  }
  /* menu */
  .b-menu_in {
    margin-top: 14em;
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.18);
  }
  .b-sidebar_items {
    padding: 10em 0;
  }
  .b-sidebar_item {
    font-size: 1.2em;
    margin: 0 0 0 13em;
  }
  .b-sidebar_item:first-child {
    margin: 0;
  }
  .b-sidebar_item_text {
    margin-top: 1.5em;
    font-size: 3.4em;
  }
  .b-mobile_footer {
    font-size: 1.6em;
  }
  .b-footer_left {
    white-space: normal;
    position: relative;
    left: auto;
    top: auto;
    padding: 3em 0 5em 3em;
  }
  .b-footer_links {
    display: block;
    margin: 3em 0 0 0;
  }
  .b-footer_right {
    right: 3em;
    top: 2.5em;
    white-space: normal;
    text-align: right;
  }
  .b-footer_apps {
    margin: 2em 0 0 0;
    display: block;
  }
  .b-small_preloader {
    width: 30vw;
    height: 30vw;
  }
  /* index */
  .idx-bg {
    left: 0;
    width: 100%;
    height: 162em;
    background-position: center top;
  }
  .idx-content {
    left: 0;
    bottom: 4em;
    top: auto;
    font-size: 1.5em;
    height: auto;
    width: 104em;
  }
  .idx-content_text {
    font-size: 3em;
  }
  .idx-content_buttons {
    margin-top: 6em;
  }
  /* jury */
  .jury-image {
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: contain;
  }
  .jury-image[data-item="4"] {
    top: -15em;
  }
  .jury-content {
    left: 0;
    bottom: 4em;
    top: auto;
    font-size: 1.5em;
    height: auto;
    width: 104em;
  }
  .jury-items {
    margin-top: 7em;
  }
  .jury-text {
    font-size: 3em;
    margin-top: 1.5em;
  }
  /* about */
  .ab-content {
    font-size: 1.6em;
    height: auto;
  }
  .ab-content_in {
    width: 100em;
    position: relative;
  }
  .ab-subtitle {
    padding-top: 1.5em;
  }
  .ab-image_wrap {
    position: absolute;
    left: 3em;
    top: 21em;
    width: 100%;
  }
  .ab-text {
    margin-top: 26em;
  }
  .ab-content_button {
    margin-top: 7em;
  }
  /* rules */
  .r-content {
    font-size: 1.6em;
  }
  /* prizes */
  .pr-top {
    font-size: 1.5em;
  }
  .pr-bottom {
    font-size: 1.5em;
    left: 0;
    width: auto;
    text-align: center;
  }
  .pr-center {
    width: 100em;
    left: 0;
    font-size: 1.5em;
    height: 95em;
  }
  .pr-image {
    position: relative;
    left: 0;
    right: auto;
    margin-right: 0;
    width: auto;
    height: 70em;
    background-position: center top;
    margin: 5em 0 0 0;
  }
  .pr-subtitle {
    text-align: center;
  }
  .pr-title {
    text-align: center;
  }
  .pr-text {
    margin-top: -3em;
    text-align: center;
  }
  .pr-image_3 + .pr-text {
    margin-top: -4em;
  }
  /* gallery */
  .g-button {
    height: 10em;
  }
  .g-button span {
    font-size: 3em;
    padding: 0 1em;
  }
  .g-top_left .b-button {
    height: 10em;
    min-width: 20em;
  }
  .g-top_left .b-button span {
    font-size: 3em;
    padding: 0 1em;
  }
  .g-abuse_wrap {
    top: 11em;
    width: 51em;
  }
  .g-abuse_text {
    font-size: 3em;
  }
  .g-top_left .g-abuse_submit {
    margin: 3em 0 0 0;
    min-width: 34em;
    height: 7em;
  }
  .g-filters {
    font-size: 1.3em;
  }
  .g-slider_arrow {
    font-size: 1.3em;
  }
  .g-gallery_column_medium {
    width: 43vw;
  }
  .g-gallery_column_large {
    width: 57vw;
  }
  .g-gallery_item_load {
    width: 15vw;
    height: 15vw;
  }
  .g-slider_nodata_text {
    font-size: 5em;
  }
  /* story */
  .st-wrap_in {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .st-bg,
  .st-bg_back {
    width: 116vw;
    left: -8vw;
    top: 6vw;
  }
  .st-image_wrap {
    width: 100%;
    height: 145em;
    position: relative;
  }
  .st-image {
    left: 0;
    right: 0;
    width: 62vw;
    height: 73vw;
    top: 8vw;
    margin: auto;
  }
  .st-bottom_buttons {
    bottom: auto;
    right: 1em;
    left: 1em;
    top: 3em;
  }
  .st-bottom_button {
    height: 10em;
  }
  .st-content {
    width: auto;
    left: auto;
    right: auto;
    height: auto;
    position: relative;
    padding: 0 8em 8em;
  }
  .st-content .mCSB_scrollTools {
    display: none !important;
  }
  .st-content .mCustomScrollBox {
    max-height: 10000px !important;
  }
  .st-content_in {
    padding: 0;
    font-size: 1.3em;
  }
  .st-content:after {
    display: none;
  }
  .st-arrow {
    font-size: 1.3em;
  }
  .st-arrow_back {
    font-size: 1.5em;
  }
  .st-text {
    margin-top: 2em;
    font-size: 3.6em;
  }
  .st-descr {
    margin-top: 0;
    font-size: 3.4em;
  }
  /* form */
  .frm-image_uploaded {
    left: 0;
    right: 0;
    width: 56vw;
    height: 62vw;
    top: 9vw;
    margin: auto;
  }
  .frm-bg {
    top: -3vw;
  }
  .frm-bg_transparent {
    top: -3vw;
  }
  .frm-image_upload {
    background-image: url(/img/mobile/frm-upload.png);
    left: 0;
    right: 0;
    top: 37em;
    bottom: auto;
    margin: auto;
    width: 79em;
    height: 71em;
    position: absolute;
  }
  .frm-image_text_wrap {
    left: 0;
    right: 0;
    bottom: auto;
    top: 76em;
    font-size: 1.6em;
    margin: auto;
  }
  .frm-image_text_title {
    font-size: 5em;
  }
  .frm-image_text_descr {
    margin-top: 0.3em;
  }
  .frm-step[data-step="1"],
  .frm-step[data-step="2"],
  .frm-step[data-step="3"],
  .frm-step[data-step="4"] {
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    padding-top: 4em;
    box-sizing: border-box;
  }
  .frm-step .b-button_1 {
    font-size: 1.6em;
    width: 52em;
  }
  .frm-subtitle {
    font-size: 3.4em;
  }
  .frm-title {
    font-size: 10em;
    margin: 0;
  }
  .frm-text_1 {
    font-weight: 600;
    font-size: 6em;
    margin-top: 18em;
  }
  .frm-text_2 {
    font-size: 4.4em;
    margin: 1em 0 0 0;
    width: auto;
  }
  .frm-button_upload_wrap {
    margin-top: 5em;
  }
  .frm-button_submit_wrap {
    bottom: auto;
    position: relative;
    margin-top: 7em;
  }
  .frm-inputs_wrap {
    margin-top: 133em;
  }
  .frm-inputs_line {
    width: 52em;
    display: inline-block;
    vertical-align: top;
    margin: 0 1em;
  }
  .frm-input_wrap {
    height: 14em;
  }
  .frm-step_2_button_wrap {
    margin-top: 15em;
  }
  .frm-textarea_wrap {
    height: 31em;
    width: 158em;
    margin: 129em auto 0;
  }
  .frm-textarea {
    font-size: 3em;
  }
  .frm-textarea_wrap .b-input_placeholder {
    font-size: 2.2em;
  }
  .frm-checkbox_rules_wrap {
    width: 102em;
    margin: 5em auto 0;
  }
  .frm-step_4_button_wrap {
    margin-top: 5em;
  }
  .frm-success {
    font-size: 1.4em;
    width: 111em;
  }
  .frm-success_text {
    font-size: 3em;
    line-height: 1.3;
    margin-top: 1.5em;
  }
  .frm-success_text_2 {
    font-size: 5em;
  }
  .frm-success_text_2 br {
    display: none;
  }
  .frm-success_button_wrap {
    margin-top: 31em;
  }
  .frm-step .frm-success_button {
    font-size: 1.1em;
  }
  .frm-error_text {
    font-size: 3em;
  }
}
/*********************************************** TABLET LANDSCAPE *************************************************/
@media screen and (max-width: 800px) and (min-width: 401px) and (min-aspect-ratio: 6/5) {
  .b-tablet_landscape_hidden {
    display: none !important;
  }
  /*.g-gallery_column_medium { width: 19.5vw; }
    .g-gallery_column_large { width: 23vw; }*/
  .frm-step[data-step="1"],
  .frm-step[data-step="2"],
  .frm-step[data-step="3"],
  .frm-step[data-step="4"] {
    left: 68em;
  }
  .frm-textarea_wrap {
    width: 106%;
    margin: 3em 0 0 0;
    height: 57em;
  }
  .frm-textarea {
    font-size: 2em;
  }
  .idx-content {
    width: 54vh;
    left: auto;
    right: 5em;
    height: 74em;
  }
  .idx-content_buttons {
    font-size: 0.8em;
  }
  .st-content:after {
    height: 100%;
    background: none;
    box-shadow: inset 0 -43px 30px -17px rgba(255, 255, 255, 0.81);
  }
  .pr-center {
    left: 67em;
    width: 76em;
  }
  .pr-bottom {
    left: 67em;
    width: 76em;
  }
}