@media all and (min-device-width: 0px) and (max-device-width: 1023px) {
  .show_mini {
    display: block !important;
  }

  .hide_mini {
    display: none !important;
  }

  .hide_mini_inln {
    display: none !important;
  }

  .show_mini_inln {
    display: inline-block !important;
  }

  .flex-container>div {
    margin-bottom: 30px;
  }

  .flex-container>.flex-33 {
    flex: 0 0 calc(100%);
  }

  .flex-container>.flex-67 {
    flex: 0 0 calc(100%);
  }

  .flex-container>.flex-50 {
    flex: 0 0 calc(100%);
  }

  .flex-container>.flex-25 {
    flex: 0 0 calc(100%);
  }

  body {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */
  }

  *:focus5 {
    border: none;
    outline: none;
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: white;
  }

  #topblock_ph1 {
    max-width: 100vw;
  }

  #topblock_ph1>table {
    max-width: 100vw;
    width: 100vw !important;
  }

  .price_ord_list {
    display: none;
  }

  .track_ord_list {
    display: none;
  }

  .rating_block>div {
    display: block;
  }

  .rating_block>div+span {
    margin-left: 0px;
  }

  #order-track-holder {
    padding: 0px;
    padding-bottom: 20px;
  }

  #order-track-holder .steps_holder {
    width: 100%;
  }

  #order-track-holder .steps_holder>div {
    padding: 10px;
    width: 45px;
    height: 60px;
    position: relative;
  }

  #order-track-holder .steps_holder>div>div {
    color: transparent !important;
  }

  #order-track-holder .steps_holder>div.active.now>div:after {
    top: -10px;
    left: 65px;
  }

  #order-track-holder .steps_holder>div:after {
    width: 80px;
  }

  #order-track-holder {
    display: block;
  }

  #order-track-holder .postdata {
    margin-top: 10px;
    display: block;
  }

  .mobapp_title {
    font-size: 15px;
    margin-top: 0px;
    padding-left: 60px;
    position: relative;
  }

  .appbut {
    float: right;
    margin-left: 20px;
    background: #1b4038;

    color: white;
    padding: 5px 10px;
    line-height: 23px;
    padding-top: 7px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .mobapp_title:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: url(/images/460x0w.png) center left no-repeat;
    background-size: 50px;
    left: -5px;
    top: -5px;
  }

  /*
	#order-track-holder .steps_holder{
		width: 150px !important;
		flex-wrap: wrap !important;
	}
	
	
	#order-track-holder .steps_holder > div{
		width: 150px !important;
		height: 15px;
		text-align: left;
		display:none;
	}
	
	#order-track-holder .steps_holder > div.active{
		display: block;
	}
	
	#order-track-holder .steps_holder > div > span{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 1px;
		margin-right:6px;
	}
	
	#order-track-holder .steps_holder > div > div{
		display: inline-block;
		vertical-align: middle;
	}
	
	#order-track-holder .steps_holder > div:after{
		display:none;
	}
	
	#order-track-holder .steps_holder > div.active.now > div:after{
		display: none;;
	}
	*/
  body {
    background: #009797;
  }

  input,
  textarea,
  button {
    -webkit-appearance: none;
  }

  .input-ph>div input[type=checkbox],
  .input-ph>div input[type=radio] {
    -webkit-appearance: checkbox !important;
  }

  #remreg_form_tbl {
    width: 83vw !important;
  }

  #topblock_inner:before {
    content: "";
    position: fixed;
    top: -70px;
    height: 70px;
    left: 0px;
    right: 0px;
    background-color: #009797;
  }

  #topblock_inner .data {
    width: 100%;
  }

  #loading_city {}

  #loading_city A {
    margin: 0px;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #city_selector {
    width: 92vw !important;
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    top: calc(50%) !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    left: 50% !important;
  }

  .user_fullname {
    padding: 5px;
    padding-top: 15px;
    text-align: center;
    margin-bottom: -10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
  }

  .balance-block {
    padding: 10px;
    padding-top: 25px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #0b4139;
  }

  .balance-block img {
    height: 24px;
    vertical-align: middle;
    margin-top: -7px;
  }

  .balance-block ._value {
    color: #0b4139;
    font-size: 80px;
    font-family: "Manrope";
  }

  a.hotline {}

  .topblock_table td {
    display: block;
    width: 100%;
  }

  .top-city-selector {
    position: fixed;
    top: 65px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 5px;
    display: flex !important;
    justify-content: center;
    width: 100%;
    color: white;
    background: #009797;
    z-index: 950;
    padding-right: 20px;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    transition: all 0.4s ease-out 0s;
  }

  body.var1.top_fixed .top-city-selector {
    background-color: #009797;
  }

  .top-city-selector i {
    display: inline-block;
    font-size: 13px;
    margin-top: 1px !important;
    margin-right: 9px !important;
  }

  .top-city-selector * {
    color: white;
  }

  .top-city-selector>span {
    display: flex;
    align-items: center;
    margin-top: 5px;
  }

  #topblock_ph {
    width: 100%;
    margin-top: 100px;
    grid-template-columns: 1fr;
    /*background: #e7edcc;*/
  }

  #topblock {}

  .top-links-right {
    display: none;
  }

  .top-links-left {
    display: none;
  }

  .call-ph-icon {
    display: none !important;
  }

  .call-ph-link {
    display: block !important;
    position: absolute;
    top: -40px;
    text-align: center;
    font-size: 16px;
  }

  .call-ph-link A {
    font-size: 21px;
  }

  .call-ph-link .toppad {
    display: none !important;
  }

  .call-ph-link .phone {
    display: none !important;
  }

  .bas_holder {
    display: none !important;
  }

  .bas-icon:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0px;
    background: url(/images/shopping-basket.svg) no-repeat center;
    background-size: contain;
  }

  .exit_link {
    position: absolute;
    bottom: 15px;
  }

  .phone-icon:before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    background: url(/images/telephone.svg) no-repeat center;
    background-size: contain;
  }

  .pblc-items {
    grid-template-columns: repeat(1, 1fr);
  }

  #logo_img {
    height: 44px;
    margin-top: -17px;
  }

  body.top_fixed1 #logo_img {
    height: 44px;
    margin-top: -17px;
  }

  .ing_select {
    width: 130px !important;
    margin-right: 10px;
  }

  .top-bg {
    height: 0px;
  }

  .marquee-holder {
    top: 95px !important;
    margin-bottom: -5px;
  }

  .topblock_table {
    height: auto !important;
    box-shadow: 1px 3px 8px -6px silver;
  }

  .call-ph-link {
    margin-top: -10px;
  }

  #topblock_inner {
    padding-top: 0px !important;
    height: auto !important;
  }

  .top_holder {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: 65px;
    align-items: center;
  }

  .top_holder ._hamburger span {
    color: white;
    font-size: 34px;
    margin-top: -5px;
  }

  .top_holder ._logo img {
    max-height: 23px;
    margin-top: -12px;
  }

  ._logo11:before {
    width: 50px;
    height: 50px;
    margin-left: -58px;
  }

  .top_holder ._icons .count-ph>span.material-icons {
    color: white;
    font-size: 27px;
    margin-top: 0px;
  }

  .city_selector-ph {
    display: none !important;
  }

  .city_selector-ph a {
    font-size: 15px;
  }

  #topblock {
    height: 90px !important;
  }

  .mainmenu {
    display: none !important;
  }

  body.menu_vis .sidemenu {
    -webkit-transform: translateX(400px);
    -ms-transform: translateX(400px);
    transform: translateX(400px);

    transition: all 0.5s ease-out 0s;
  }

  #topblock_ph.hideleft .sidemenu {
    display: block;
  }

  .mainmenu1 {
    padding-left: 15px;
    top: 80px;
    padding-top: 0px;
  }

  .mainmenu1 A {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .rubric_list {
    display: none;
  }

  .rubric_list>A {
    line-height: 24px;
  }

  a.auth-link {
    display: flex !important;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .sidemenu {
    overflow: auto;
    text-align: left;
    position: fixed;
    left: -400px;
    top: 0px;
    bottom: 0px;
    z-index: 12001;
    background: white;
    width: 60%;
    max-width: 400px;
    transition: all 0.4s ease-in 0s;
    padding-top: 0px;
  }

  body.menu_vis div#topblock_ph:after {
    content: "";
    background: #00000059;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 11990;
    transition: all 0.3s ease 0s;
  }

  a.close-sidemenu {
    position: sticky !important;
    left: 0px !important;
    top: 0px !important;
    color: #4d8e8d;
    margin-left: 0px;
    padding: 15px 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.36);
    z-index: 9;
  }

  .mobapp a.close-sidemenu {
    display: none !important;
  }

  .mobapp .mainmenu1 {
    top: 0px !important;
  }

  .mobapp .no-mob {
    display: none !important;
  }

  .mobapp2 .no-mob-v2 {
    display: none !important;
  }

  .mobapp .mainmenu1>A {
    line-height: 34px;
  }

  .mobapp .mainmenu1>A {
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: -15px;
    padding-left: 15px;
    margin-right: -30px;
  }

  .mobapp .mainmenu1>A._last {
    border-bottom: 0px solid #efefef;
  }

  .mobapp .mainmenu1 .phone_order {
    margin-top: 30px;
  }

  .mobapp .mainmenu1>A.no-bord {
    border-bottom: 0px solid #efefef;
  }

  .form_step_1 .phonelink.red-link {
    background: transparent;
    margin-left: -28px !important;
  }

  #promocode {
    width: calc(100vw - 80px - 100px);
    border: 0px;
  }

  .promocode-save {
    height: 49px;
    line-height: 22px;
  }

  .promocode-remove {
    position: absolute;
    top: 16px;
    margin-left: -30px !important;
  }

  .popup-line {
    min-height: 200px;
  }

  .popup-line .last-line {
    font-size: 14px;
  }

  .clearbas {
    top: -35px !important;
    z-index: 10;
    right: 15px !important;
  }

  .order_steps>.order_step.selected .firstline {
    height: 44px;
    position: sticky;
    top: 100px;
    background: white;
    outline: 5px solid white;
    z-index: 8;
  }

  .order_steps>.order_step .header>span {
    flex: 0 1 30px;
  }

  .preorder_actions {
    margin-top: 5px;
    margin-left: 0px;
  }

  .agree_checks {
    width: 250px;
    margin: 0 auto;
  }

  .agree_checks>label {
    font-size: 13px;
    white-space: inherit;
  }

  .agree_checks>label>input {
    margin-top: 5px;
  }

  #bnpd {
    min-height: 280px !important;
  }

  #fotorama_mini_ph {
    background: white;
  }

  #fotorama_mini_ph .fotorama__nav-wrap {
    background: white;
    position: relative;
  }

  #fotorama_mini_ph .fotorama__dot {
    width: 4px;
    border-color: gray !important;
  }

  #fotorama_mini_ph .fotorama__nav--dots .fotorama__nav__frame {
    width: 18px !important;
  }

  #fotorama_mini_ph .fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0px;
  }

  .city_selector-ph {
    text-align: center;
    padding-bottom: 5px;
    margin-top: -5px;
  }

  .sidemenu .ctlg_link:after {
    font-family: Helvetica, Arial;
    content: "▼";
    display: inline-block;
    font-size: 12px;
    vertical-align: unset;
    top: -2px;
    position: relative;
    margin-left: 5px;
  }

  .sidemenu .ctlg_link.opened:after {
    content: "▲";
    display: inline-block;
  }

  .sidemenu .mainmenu {
    padding-top: 20px;
  }

  .sidemenu .mainmenu>A {
    display: block;
    line-height: 40px !important;
    font-size: 22px !important;
  }

  .itm_bot {
    bottom: -20px;
  }

  .sidemenu .mainmenu>A:after {
    display: none;
  }

  .sidemenu .logo {
    display: block;
    width: 60%;
    margin-bottom: 18px;
    margin-left: 20px;
    margin-top: 20px;
  }

  .my-mfp-zoom-in.mfp-ready.mfp-bg {
    top: 88px;
  }

  span.rub {}

  .price_ph2 {
    font-size: 14px;
    opacity: 1;
    font-weight: 500;
    line-height: 22px;
  }

  .leftmenu {
    display: none !important;
  }

  body {
    overflow-x: hidden;
  }

  #topblock {
    height: 0px !important;
  }

  body.in_loading:before {
    z-index: 10000;
    content: "";
    width: 100%;
    height: auto;
    top: 90px;
    left: 0px;
    right: 0px;
    bottom: -30px;
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, 0.7) url(/images/loader.gif) no-repeat center center;
  }

  body>center {
    margin-top: 0px;
    background-color: white;

    display: block;
  }

  .itm_tbl_ph {
    width: calc(100% - 0px) !important;
    /*height: calc(60vh)!important;*/
  }

  .itm_tbl_ph .item_img {
    width: 100vw !important;
    margin-left: -20px;

    height: calc(100vw * 0.6) !important;

    background-size: cover;
  }

  .item_link+div {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0px !important;
    padding-top: 20px !important;
    /*height: calc(100vw * .65)!important;
		max-height: 185px;*/
  }

  .itm_bot {
    width: 100% !important;
    box-sizing: border-box;
  }

  .add2bas {
    right: 10px !important;
  }

  .mfp-content font.blocktitle {
    width: 90%;
    display: block;

    text-align: center !important;
    font-size: 30px !important;
    width: 90% !important;
    margin: 10px 0px !important;
  }

  .mfp-content .blocktitle br {
    display: none !important;
  }

  .items_table * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
  }

  .item_block * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
  }

  .main-poster {
    display: none;
  }

  .main_rubric_table {
    width: 100%;
    margin-top: 0px !important;
  }

  .main_rubric {
    float: none !important;
    position: relative;
    width: 235px;
    height: 120px !important;
    padding-right: 0px !important;
  }

  .img_hvr_ani {
    height: 100px;
  }

  .img_hvr_ani div {
    right: 0px !important;
  }

  table,
  tr,
  tbody,
  td {
    max-width: 100% !important;
  }

  .recommends {
    display: none;
  }

  .actions {
    display: none;
  }

  .bottom-info {
    width: 100%;
    display: none;
  }

  .bottom-info td {
    display: block;
  }

  .bot_menu {
    display: none;
  }

  .bottom-block {
    flex-direction: column;
    background: white;
    padding-bottom: 0px;
    position: relative;
    border-top: 1px solid #efefef;
    padding: 15px;
  }

  .bottom-block.last {
    border-top: 0px solid #efefef;
    padding-top: 0px;
  }

  .bottom-block>div {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
  }

  #TA_restaurantWidgetWhite157 {
    position: absolute;
    right: 15px !important;
    bottom: 0px !important;
  }

  #CDSWIDREST .wrapper {
    width: 180px !important;
    height: 38px !important;
    background-size: contain !important;
  }

  #CDSWIDREST .wrapperLink .rightSide .rightWrapper {
    display: block !important;
    padding: 4px 0px !important;
  }

  #CDSWIDREST.cx_brand_refresh .logo {
    height: 14px !important;
    margin-top: -5px !important;
    position: relative !important;
    display: block !important;
  }

  #CDSWIDREST .text {
    text-align: right !important;
    font-size: 10px !important;
    font-weight: normal !important;
    padding-right: 17px !important;
  }

  .bottom-block.last>div:last-child {
    border-bottom: 0px !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .bottom-block .nobord img {
    margin-right: 5px !important;
  }

  hr.delimiter {
    display: none;
  }

  #topblock_ph>table {
    width: 100% !important;
    padding: 0px !important;
  }

  .bottom-info td {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    padding: 0px 20px;
  }

  .bottom-block>div {
    text-align: left;
    width: 100%;
  }

  .bottom-block div {
    float: none !important;
  }

  .TA_restaurantWidgetWhite {
    margin-bottom: 20px;
  }

  .left_td {
    display: none !important;
  }

  #fotorama_mini .fotorama__dot {
    top: 6px;
  }

  .banners-block {
    margin-bottom: 0px;
  }

  body.page_basket .content-ph {
    margin-top: 0px;
  }

  .footer {
    margin-top: 0px !important;
  }

  .footer td {
    padding: 0px;
  }

  .page_qrmenu .top_holder ._logo img {
    max-height: 42px !important;
    margin-top: -3px !important;
  }

  .page_qrmenu #topblock_ph {
    margin-top: 65px !important;
  }

  .page_qrmenu .main_title {
    top: 65px !important;
  }

  .items_table {
    width: calc(100vw - 30px);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
    margin: 15px auto !important;
  }

  .items_table.mini_items_block {
    width: calc(100vw - 30px);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
    margin: 15px auto !important;
  }

  .items_table div.item_holder {
    height: calc(100vw * 2 * 0.59);
  }

  .item_holder ._img {
    flex: 0 1 calc(100vw * 0.59) !important;
    background-size: contain;
  }

  .item_holder ._img_tit_desc ._desc {
    font-size: 13px;
    line-height: 14px;
    padding-top: 5px;
  }

  .items_table div.item_holder .itm_tbl_ph {
    height: auto !important;
  }

  .items_table div.item_holder .itm_tbl_ph>tbody>tr>td {
    display: block;
    padding-left: 10px;
  }

  .items_table div.item_holder .itm_tbl_ph .sub-ph {
    height: auto !important;
  }

  .qr-menu-table-items div.item_holder .itm_tbl_ph .sub-ph {
    height: auto !important;
  }

  .items_table div.item_holder .itm_tbl_ph .itm_bot {
    position: relative;
    bottom: 0px !important;
    padding: 30px 0px;
  }

  .items_table div.item_holder .itm_tbl_ph .itm_bot td {
    display: table-cell;
  }

  .items_table div.item_holder .itm_tbl_ph .itm_bot .i2>div {
    position: absolute;
    right: 0px;
    bottom: 27px;
  }

  .items_table tr {
    display: block;
  }

  .blck {
    padding: 0px;
  }

  .items_table tbody {
    display: block;
  }

  #main_ph {
    width: 100% !important;

    margin-top: 15px;
  }

  #main_ph>table {
    width: 100% !important;
    margin-top: 0px !important;
  }

  .item_holder table {
    display: block;
    margin: 0px !important;
  }

  .content-ph {
    width: 100% !important;
    position: relative;
    padding: 0px 10px;
    box-sizing: border-box;
    min-height: 100vh;
  }

  .catalog_desc {
    padding: 20px;
    display: none;
    box-sizing: border-box;
  }

  .img_td_ph {
    width: 90px !important;
  }

  .img_td_ph>div {
    width: 70px !important;
  }

  .btn-add-addt {
    width: 80px;
  }

  .item_cnt {
    width: 25px !important;
    margin-right: 0px !important;
    font-size: 18px !important;
    position: relative !important;
    top: 2px;
  }

  .delivery_time>label {
    position: relative;
  }

  .basket_info>.line {
    margin-top: 5px;
  }

  .delivery_time_block.dbt_time {
    position: relative;
    margin-top: 10px !important;
    left: 0px;
  }

  .db_delivery>.frm-row {
    min-width: calc(50% - 4px) !important;
  }

  .db_delivery>.frm-row:nth-child(4) {
    min-width: calc(50% - 13px) !important;
    padding-right: 0px !important;
  }

  .db_delivery>.frm-row select {
    min-width: calc(100%) !important;
    width: calc(100%) !important;
  }

  .db_delivery>.frm-row .select2-container {
    width: calc(100% - 0px) !important;
  }

  .select2-container--default .select2-selection--single {
    height: 50px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
  }

  .peoples_inp {
    width: 22px !important;
    margin-right: 0px !important;
  }

  a.mini_but {
    padding: 3px 6px !important;
    margin-right: 0px !important;
  }

  .mfp-close {
    top: -38px !important;
    color: white !important;
    right: 2px !important;
    opacity: 1 !important;
  }

  .mfp-close:active,
  .mfp-close:focus {
    outline: none;
  }

  .white-popup {
    overflow: visible !important;
  }

  .item_block.white-popup table tr td {
    display: block;
  }

  .item_block table {
    width: 100%;
  }

  .mfp-container {
    width: 100% !important;
  }

  .white-popup {
    width: calc(100% - 30px) !important;
    height: auto !important;
    overflow: hidden;
    margin: 30px auto !important;
    border-radius: 10px;
  }

  .white-popup table tr td {
    width: 100% !important;
    display: block !important;
  }

  .bimg_ph {
    width: 100% !important;
    height: calc(100vh * 0.34) !important;
  }

  .bigimg {
    max-height: 400px !important;
    max-width: 100%;
  }

  .white-popup.item_block .icons {
    right: 40px !important;
  }

  .rltv.item_info {
    height: auto !important;
    padding-bottom: 40px;
    height: auto !important;
    width: 100% !important;
  }

  .mfp-arrow {
    top: calc(30vh - 90px) !important;
  }

  .mfp-arrow-right {
    right: -8px !important;
  }

  .mfp-arrow-left {
    left: -8px !important;
  }

  .cb-but {
    width: calc(100% - 20px);
    margin-top: 20px;
  }

  .bas_holder_mobile .icon-bas {
    position: absolute !important;
    right: 20px !important;
    top: -45px !important;
  }

  .count-ph {
    display: inline-block;
    position: absolute !important;
    right: 20px !important;
    top: -15px !important;
  }

  .count-ph .count {
    border-radius: 50%;
    background: #ba0016;
    position: absolute;
    right: -8px;
    top: -9px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: white;
    font-size: 12px;
    font-family: "Manrope";
  }

  .count-ph img {
    width: 30px;
  }

  .call-ph {
    display: inline-block;
    position: absolute !important;
    right: 65px !important;
    top: 15px !important;
  }

  .call-ph img {
    width: 25px;
  }

  .delivery_type span.tip {
    float: right;
  }

  .delivery_time {
    clear: both;
  }

  .menu-ph {
    display: inline-block;
    position: relative !important;
    left: 15px !important;
    top: 0px !important;
  }

  .back-but {
    display: inline-block;
    position: absolute !important;
    left: 15px !important;
    top: 12px !important;
    font-size: 33px;
    color: #4d8e8d;
  }

  .back_but_has {
    left: 45px !important;
  }

  .menu-ph img {
    width: 30px;
  }

  .mfp-wrap.item-popup {
    top: 88px;
    height: auto !important;
    bottom: 0px;
    border-top: 1px solid rgb(245, 245, 245);
  }

  .mfp-wrap.item-popup .item_block_social {
    display: none;
  }

  .mfp-wrap.item-popup .itm_desc {
    width: 90%;
  }

  .mfp-wrap.item-popup .rltv.item_info {
    padding-bottom: 0px;
  }

  .mfp-wrap.item-popup .mfp-content {
    height: calc(100vh - 80px) !important;
    position: fixed;
    left: 0px;
  }

  .mfp-wrap.item-popup .white-popup {
    margin: 0px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: calc(100vh - 85px) !important;
  }

  .mfp-wrap.item-popup .mfp-close {
    top: 10px !important;
    width: 35px !important;
    height: 35px;
    color: black !important;
    background: transparent !important;
    right: 6px !important;
    line-height: 35px;
    font-size: 35px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mfp-wrap.item-popup .price_block {
    position: absolute;
    bottom: 40px;
  }

  .item_block.white-popup {}

  .mfp-bg.item-popup {
    opacity: 0 !important;
  }

  .close-menu-ph {
    display: inline-block;
    position: absolute !important;
    left: 20px !important;
    top: 95px !important;
    z-index: 1200;
  }

  .empty img {
    opacity: 0.5;
  }

  .order_steps>.order_step .header {
    width: 100%;
    font-size: 22px;
  }

  .order_steps>.order_step .description {
    display: none;
  }

  .form_step_1 table tr td img {
    width: 40px;
  }

  .basket_info {
    flex-direction: column;
  }

  .bas_item .title {
    font-size: 13px !important;
  }

  .bas_item .img {
    width: 70px;
  }

  .tit-col {
    display: table-cell !important;
    width: calc(100vw - 100px);
    padding-top: 15px !important;
  }

  .bas_item .price_mob {
    padding-right: 0px;
    padding-top: 8px;
    margin-right: -5px;
  }

  A.phonelink {
    font: 12px "Manrope";
    color: white;
    line-height: 90%;
    margin-bottom: 0px;
    padding: 12px 10px 8px 10px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    background-color: #009797;
  }

  .cntr-col {
    display: table-cell !important;
    text-align: center !important;
    padding-top: 10px;
    /*width: 90px !important;*/
  }

  .cntr-col-person {
    text-align: right !important;

    display: inline-block !important;
    text-align: right !important;
    padding-top: 10px;
    width: 100px !important;
  }

  .bas_item.gift .cntr-col {
    padding-top: 0px;
  }

  .bas_item.gift .cntr-col .gift-icon {
    margin-top: 0px !important;
    width: 32px !important;
    margin-left: -20px !important;
  }

  .cabinetlink_simple {
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
  }

  .price-col {
    display: none;
  }

  .bas_item .add_count span {
    display: none !important;
  }

  .form_step_3 .flex_itogo {
    flex-direction: column;
  }

  .form_step_3 .flex_itogo>div {
    flex: 0 0 auto !important;
  }

  .form_step_3 div>label {
    font-size: 16px;
    vertical-align: middle;
  }

  .form_step_3 div>label input {
    vertical-align: text-top;
    -webkit-appearance: checkbox !important;
  }

  input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
  }

  .sendpass_holder>div * {
    font-size: 16px !important;
    vertical-align: middle;
  }

  .order-addr-holder {
    flex-direction: column !important;
  }

  .bas_items_warning {
    font-size: 12px;
  }

  .order-addr-holder>div.map {
    display: block !important;
    min-height: 180px !important;
    height: auto !important;
    flex: 0 0 calc(100%) !important;
  }

  .order-addr-holder>div.map #addr_map {
    max-width: 100% !important;
    width: calc(100vw - 30px);
    overflow: hidden;
  }

  .order-addr-holder>div.fields {
    flex: 0 0 calc(100% - 0px);
  }

  .next-button-holder {
    position: sticky;
    bottom: 0px;
    display: flex;
    min-height: 50px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 10px !important;
    padding: 10px 0px !important;
    outline: 10px solid white;
  }

  .order_step.n2 .next-button-holder,
  .order_step.n3 .next-button-holder {
    height: 50px;
  }

  .next-button-holder .light_but {
    font-size: 18px !important;
    padding: 0px 10px;
  }

  .next-button-holder .light_but i {
    display: none;
  }

  .order_steps>.order_step .data .next_but {
    box-shadow: 0px -5px 30px -5px white;
  }

  .next_but-pickup {
    font-size: 17px;
    height: 110px;
  }

  .order_steps>.order_step.n1 .data .next_but {
    font-size: 17px;
    height: 110px;
  }

  @media only screen and (max-device-width: 350px) {
    .order_steps>.order_step .data .light_but {
      font-size: 17px;
    }
  }



  .but {
    line-height: 26px !important;
    height: fit-content;
    min-height: 55px;
    font-size: 18px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .next_but {
    font-size: 22px !important;
    line-height: 24px !important;
  }

  .but_green {
    margin-left: 0px !important;
    height: 55px;
    width: 100%;
    max-width: calc(100vw - 30px);
  }

  #last-chance+.but_green {
    width: 100% !important;
  }

  .profile-menu>A {
    margin: 0 10px;
  }

  .profile-menu>A:after {
    display: none;
  }

  .delivery_type {
    margin-bottom: 10px;
    width: calc(100vw - 40px);
  }

  .form_step_3>.frm-row {
    width: 46% !important;
  }

  span.but_group {
    flex-wrap: wrap !important;
  }

  label#pay_online {
    flex: 0 0 100%;
    /*border-top: 1px solid #009797;*/
  }

  .payment_type>span.but_group>label:nth-child(2) {
    /*border-left: 1px solid #009797;*/
    box-sizing: border-box;
  }

  .delivery_type>span.but_group>label {
    margin-right: 0px !important;
  }

  .delivery_type>span.but_group>label span {
    background: #fff;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 15px;
  }

  .delivery_type>span.but_group>label>input {
    margin-right: 0px;
    position: absolute;
  }

  .delivery_type>span.but_group>label input:checked+span {
    background: #009797;
    color: black;
  }

  .delivery_type>span.but_group>label span small {
    font-size: 12px;
    margin-left: 2px;
    display: inline-block !important;
    padding: 0px 5px;
  }

  .delivery_time>.but_group {
    height: auto !important;
    overflow: hidden;
    border-radius: 8px;
  }

  .recall_holder>.but_group {
    height: auto !important;
    overflow: hidden;
    border-radius: 8px;
  }

  span.but_group {
    padding: 0px 0px;
    width: calc(100%);
    display: flex !important;
    border-radius: 0px;
    gap: 5px;
  }

  span.but_group>label {
    flex: 1 0 calc(46%);
    box-sizing: border-box;
  }

  span.but_group>label>span {
    width: 100%;
    display: inline-block;
  }

  .cafe-ph {
    width: calc(100vw - 60px);
    overflow: hidden;
  }

  .mainmenu1>A.phone {
    font-size: 24px;
  }

  span.but_group>label>span.tip {
    display: none !important;
  }

  .frm-row label {
    font-size: 16px;
  }

  .delivery_time {
    margin-bottom: 10px;
    width: calc(100vw - 40px);
  }

  .recall_holder {
    margin-bottom: 10px;
    width: calc(100vw - 40px);
  }

  .form_step_3>.frm-row {
    width: 100% !important;
    margin-top: 10px;
  }

  .delivery_time>span.but_group>label {
    margin-right: 0px !important;
  }

  .delivery_time>span.but_group>label>span {
    background: #efefef;
    padding: 17px 7px;
    box-sizing: border-box;
  }

  .recall_holder>span.but_group>label {
    margin-right: 0px !important;
  }

  .recall_holder>span.but_group>label>span {
    background: #efefef;
    padding: 17px 7px;
    box-sizing: border-box;
  }



  span.but_group>label>input {
    margin-right: 0px;
    position: absolute;
    opacity: 0;
  }

  .delivery_block {
    margin-top: 30px;
  }

  tr.bas_item td {
    height: auto !important;
    min-height: 60px !important;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 0px !important;
    vertical-align: top !important;

  }

  .delivery_time>span.but_group>label>input:checked+span {
    background: #009797;
    color: #000;
  }

  .recall_holder>span.but_group>label>input:checked+span {
    background: #009797;
    color: #000;
  }

  .rpsum_active+.itogo_topay {
    margin-top: 60px !important;
  }

  .payment_type>span.but_group>label {
    margin-right: 0px !important;
    border: 1px solid #009797;
    border-radius: 8px;
    overflow: hidden;
  }

  .payment_type>span.but_group>label>span {
    background: #fff;
    padding: 17px 11px;
    box-sizing: border-box;
    position: relative;
  }

  #pay_online img {
    position: absolute;
    right: 10px;
    top: 17px;
  }

  .payment_type>span.but_group>label>input {
    margin-right: 0px;
    position: absolute;
  }

  .payment_type>span.but_group>label>span div.small {
    display: block;
    font-size: 10px;
    margin-top: 3px;
    opacity: 0.8;
    color: black;
  }

  .payment_type>span.but_group>label>input:checked+span {
    background: #009797;
    color: white;
  }

  .payment_type>span.but_group>label>input:checked+span div.small {
    font-size: 10px;
    margin-top: 3px;
    opacity: 0.8;
    color: white;
  }

  .payment_type_ext>span.but_group>label {
    margin-right: 0px !important;
  }

  .payment_type_ext>span.but_group>label>span {
    background: #efefef;
    padding: 17px 11px;
    box-sizing: border-box;
  }

  .payment_type_ext>span.but_group>label>input {
    margin-right: 0px;
    position: absolute;
  }

  .payment_type_ext>span.but_group>label>input:checked+span {
    background: #009797;
    color: white;
  }

  .payment_type_ext {
    margin-bottom: 30px;
  }

  .form_step_3 .itogo_topay {
    margin-top: 20px;
  }

  span#payment_sum {
    position: absolute;
    margin-top: 39px;
    left: 0%;
  }

  .select2-container {
    max-width: calc(100vw - 35px);
  }

  .psum_active {
    position: relative;
  }

  .psum_active #payment_sum {
    position: absolute;
    margin-top: 10px;
    left: 0%;
    top: 50px;
    margin-bottom: 10px;
  }

  .inp {
    border-radius: 8px !important;
    padding: 12px 5px !important;
  }

  span.tip {
    display: none;
  }

  body span.cabinetlink.show_mini {
    display: none !important;
  }

  body.menu_vis span.cabinetlink.show_mini {
    width: 230px;
    display: block !important;
    left: 0px;
    right: 230px;
    text-align: center;
    bottom: 20px;
    position: fixed;
  }

  .h_tit2 * {
    display: block !important;
  }

  .h_tit2 .ic {
    padding-left: 0px;
    padding-right: 15px;
    white-space: normal;
    display: block !important;
    width: 100%;
  }

  .cafe-item-info {
    float: none;
  }

  .content_td {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0px 10px;
  }

  .content_td>div {
    max-width: calc(100% - 0px) !important;
  }

  #profile_form table {
    width: 100% !important;
  }

  form[name="frm"] {}

  form[name="frm"] input {
    max-width: 91vw !important;
  }

  form[name="frm"] textarea {
    max-width: 91vw !important;
    box-sizing: border-box;
  }

  form[name="frm"] table {
    max-width: 91vw !important;
    box-sizing: border-box;
  }

  .pblc {
    display: block;
  }

  .pblc td {
    display: block;
    clear: both;
    padding: 0px 20px;
  }

  .main_title {
    font: 21px/35px "Manrope" !important;
    letter-spacing: -0.6px;
    font-weight: bold !important;
    padding-bottom: 9px;
    white-space: normal;
    background: #eeeeee6b;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: sticky;
    top: 95px;
    z-index: 89;
    padding-top: 10px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    max-width: 100vw;
  }

  .oftens-block .holder {
    overflow: auto;
    width: calc(100vw - 20px);
    padding-left: 10px;
  }

  .oftens-block .items_table {
    width: calc(80vw * 3);
    grid-template-columns: repeat(4, 80vw);
  }

  .oftens-block h4 {
    text-align: center;
  }

  .item_holder.zoomed .zoom-holder {
    z-index: 1500;
    max-height: 100vh;
  }

  .item_holder.zoomed .zoom-holder ._close {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .item_holder.zoomed .zoom-holder ._img {
    margin: 0px;
  }

  .item_holder.zoomed .zoom-holder ._img_tit_desc {
    flex-direction: column;
    padding-top: 0px;
  }

  .item_holder.zoomed .zoom-holder ._tit_desc {
    padding-top: 50px;
  }

  .item_holder.zoomed .zoom-holder ._title {
    position: relative;
    left: 0px;
    top: 0;
    right: 0;
    text-align: left;
    font-size: 28px;
    padding-top: 0px;
    margin-bottom: 10px;
  }

  .item_holder.zoomed .zoom-holder ._desc {
    font-size: 14px;
    line-height: 17px;
    padding-top: 15px;
  }

  .item_holder.zoomed .zoom-holder ._bot {
    grid-template-columns: 1fr auto;
    width: 100%;
    bottom: 0px;
    left: 0px !important;
  }

  .item_holder.zoomed ._img {
    flex: 0 1 60vw;
    background-size: contain;
  }

  .basket_ph {
    display: block;
  }

  @media all and (max-device-width: 400px) {
    .main_title {
      font: 19px/36px "Manrope" !important;
      font-weight: bold !important;
      padding-left: 40px;
      padding-right: 40px;
    }
  }

  .items_table {
    margin-top: 0px;
  }

  h1,
  .h1 {
    font: 28px "Manrope";
  }

  .cafe-item {
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 0px auto !important;
    margin-bottom: 60px !important;
  }

  .order_steps>.order_step .data .next_but {
    width: 100% !important;
    position: relative !important;
    left: 0px !important;
    right: 0px !important;
    clear: both !important;
  }

  .order_steps>.order_step .data .light_but {
    width: 100% !important;
    position: relative !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    margin-right: 10px;
    font-size: 14px !important;
    border-radius: 8px;
  }

  .order_steps>.order_step>.data {
    padding-bottom: 10px !important;
  }

  .order_steps>.order_step.n4>.data {
    min-height: 95vh;
  }

  .payment_type>.but_group>label {
    margin-right: 0px;
  }

  .payment_type>.but_group>label>span {
    margin-left: 0px;
  }

  .payment_type_ext>.but_group>label {
    margin-right: 0px;
  }

  .payment_type_ext>.but_group>label>span {
    margin-left: 0px;
  }

  #last-chance .item_holder table {
    width: 100% !important;
  }

  #last-chance button {
    width: 100% !important;
    margin-left: 0px !important;
    height: 55px;
  }

  .itogo_time_text {
    max-width: 64%;
    margin: 0 auto;
  }

  .item_block .add2bas {
    position: absolute !important;
    right: 30px !important;
    bottom: 0px !important;
    width: 40px;
    height: 40px;
  }

  .mfp-wrap.item-popup .white-popup {
    height: calc(100vh - 80px) !important;
  }

  body #topblock_inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #009797;
  }

  body.top_fixed #topblock_inner {
    background: #0c473e;
  }

  .bas_holder_mobile {
    margin-top: 0px;
    margin-right: 5px;
  }
}

@media all and (min-device-width: 0px) and (max-device-width: 800px) {
  .claim_pic {
    width: calc(100vw - 20px);
    display: block;
    margin: 0px;
  }

  .mobapp .price_block {
    bottom: 160px !important;
  }

  .mobapp2 #topblock_ph {
    margin-top: 35px;
  }

  .mobapp2.page_feedback .back-but {
    display: none !important;
  }

  .bottom_popup.visible .inner {
    padding-bottom: 10px;
  }

  .mobapp2 .top-city-selector {
    top: 0px;
    padding: 5px 0px 10px 0px;
  }

  .mobapp2 .order_steps>.order_step {
    border-top: 0px solid #8bc9c947 !important;
    padding: 0px !important;
    padding-top: 1px !important;
  }

  .mobapp2 .main_title {
    top: 35px;
    margin-bottom: 20px;
  }

  .mobapp2 .content-ph {
    padding-bottom: 30px;
  }

  .mobapp2 .order_steps>.order_step.selected .firstline {
    top: 35px;
  }

  .mobapp2 .order_steps>.order_step .firstline {
    height: 45px;
    margin: 0px -10px;
    padding: 0px 15px;
    background: #eeeeee6b;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    outline: none;
  }

  .mobapp2 #main_ph {
    margin-top: 0px;
  }

  .mobapp2 .clearbas {}


  .offer_buttons {

    flex-direction: column;
  }

  tr.bas_item td {
    padding-left: 0px !important;
    height: 80px !important;
  }

  .mfp-wrap.item-popup .price_block {
    position: absolute;
    margin-top: 0px !important;
    left: 0px;

    min-height: 200px;
    right: 0px;
    padding: 20px;
    box-sizing: border-box;
  }

  .mfp-wrap.item-popup .price_ph {
    position: absolute;
    bottom: 5px;
  }

  .mfp-wrap.item-popup .price_block p.old {
    top: auto;
    bottom: 55px;
  }

  .mfp-wrap.item-popup .white-popup {
    position: relative;
  }

  .delivery_time {
    font-size: 16px;
  }

  .delivery_type {
    font-size: 16px;
  }

  .qr-menu-table-items {
    margin-bottom: 15px;
  }

  .qr-menu-table-items td {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    flex-direction: column;
  }

  .qr-menu-table-items div:last-child {
    border-bottom: 0px !important;
  }

  .qr-menu-table-items .itm_tbl_ph {
    width: 100% !important;
  }

  .qr-menu-table-items .itm_tbl_ph.has_variants {
    min-height: 200px;
  }

  .qr-menu-table-items .itm_tbl_ph.has_variants .itm_bot {
    min-height: 200px;
  }

  .qr-menu-table-items .item_holder table {
    width: 100% !important;
    min-width: 100% !important;
  }

  .qr-menu-table-items .price-variants {
    position: relative;
  }

  .qr-menu-table-items .itm_bot .i2 {
    width: 100%;
  }

  .qr-menu-table-items .itm_bot .i2>div {
    position: relative !important;
    width: 100%;
  }

  .qr-menu-table-items .price-variants .price-variant>div {
    flex: 1 1 80%;
    font-size: 16px;
  }

  .qr-menu-table-items .price-variants .price-variant>._price {
    flex: 1 1 20%;
  }

  .qr-menu-table-items .itm_tbl_ph .item_img {
    height: calc(100vw * 0.6) !important;
    background-size: contain;
    margin-left: -25px;
  }

  .qr-menu-table-items .item_link {
    flex: 0 1 30%;
    padding-right: 10px !important;
  }

  .qr-menu-table-items .item_img {
    width: 100vw !important;
  }

  .qr-menu-table-items .sub_ph {
    flex: 0 1 calc(70% - 10px) !important;
    width: calc(70% - 10px) !important;
  }

  .qr-menu-table-items .blocktitle {
    font-size: 19px;
    max-width: calc(100vw - 30px);
  }

  .qr-menu-table-items .blocktitle:hover {
    font-size: 19px;
  }

  .qr-menu-table-items .itm_desc {
    box-sizing: border-box;
    max-width: calc(100vw - 30px);
  }

  .qr-menu-table-items .itm_bot {
    padding: 15px 0px !important;
    box-sizing: border-box;
    max-width: calc(100vw - 30px);
  }

  .qr-menu-table-items .itm_bot td:first-child {
    text-align: left;
    align-items: flex-start;
  }

  .qr-menu-table-items .itm_bot .price_ph {
    right: 10px;
    bottom: -20px;
  }

  .qr-menu-table-items .itm_bot .i2>div {
    left: 0px;
  }

  .qr-menu-table-items .item_link+div {
    padding-top: 15px !important;
  }

  .qr-menu-table-item .item_holder {
    padding-top: 0px !important;
  }
}

@media all and (min-device-width: 0px) and (max-device-width: 550px) {
  .call-ph {
    right: 65px !important;
  }

  span.but_group>label>span {
    font-size: 16px;
  }

  /*.main_rubrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin: 15px;
  }

  .main_rubrics > ._rubric {
    display: block;
    border-radius: 6px;
    background-color: gray;
    height: calc(33vw - 20px);
    position: relative;
    overflow: hidden;
  }*/

  .main_rubrics {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .main_rubrics>._rubric {
    flex: 0 1 calc(50% - 5px);
    margin-bottom: 10px;
    display: block;
    border-radius: 6px;
    background-color: #7edbc0;
    height: calc(49vw - 10px);
    position: relative;
    overflow: hidden;
  }

  .main_rubrics>._rubric.wide {
    flex: 0 1 calc(100% - 0px);
  }

  .main_rubrics>._rubric ._title {
    position: absolute;
    left: 10px;
    top: 10px;
    max-width: 92px;
    font-size: 14px;
    z-index: 1;
    color: #fff !important;
    text-align: left;
    text-transform: uppercase;
  }

  .main_rubrics>._rubric.nowrap ._title {
    white-space: nowrap;
  }

  .main_rubrics>._rubric ._img {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 0;
    background-size: cover;
  }

  .pushes_list ._push {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }

  .pushes_list ._push ._datum {
    font-size: 12px;
  }


  .page_qrmenu .item_holder ._variants ._list {
    flex-wrap: wrap;
  }

  #qrmenu ._variants_list>div {
    font-size: 12px !important;
    width: fit-content !important;
    height: fit-content !important;
    line-height: 15px !important;
    padding: 1px 8px;
  }

  #qrmenu .items_table div.item_holder {
    height: 445px;
  }

  .cafes-list {
    margin-top: 30px;
  }

  .cafe-item {
    flex: 0 1 100%;
    grid-template-columns: 115px 1fr;
    gap: 15px;

    margin-bottom: 60px !important;
  }

  .cafe-item ._info {
    padding-left: 0px !important;
  }

  .cafe-item ._info h3 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 5px;
  }

  .cafe-item ._info ._fotos {
    font-size: 14px;
  }

  .cafe-item ._img {
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: -20px;
    -webkit-mask-position: -15px;
    background-size: 130% !important;
    background-position: -40px !important;
    border-radius: 0px !important;
  }

  .mfp-arrow {
    top: calc(50vh - 0px) !important;
  }

  .bottom_popup.visible .inner {
    width: 100vw;
  }

  .content-ph.profile-mode {
    padding-top: 0px;
    grid-template-columns: calc(100vw - 20px) 1fr;
  }

  .content-ph.profile-mode .profile_left {
    padding-top: 18px;
  }


  .profile_left .ava_block {
    grid-template-columns: 90px 1fr 5px;
  }

  .content-ph.profile-mode ._right {
    display: none;
    margin-top: 0px;
  }

  .content-ph.profile-mode.show_page ._left {
    display: none;
  }

  .content-ph.profile-mode.show_page ._right {
    display: block;
  }

  .profile-menu {
    padding-top: 15px;
  }

  .rabota_banner {
    display: block;
    position: relative;
    margin-top: 20px;
  }

  .rabota_banner:hover {
    margin-top: 20px;
  }

  .rabota_banner img {
    width: 100%;
  }



  .rabota_banner ._title {
    position: absolute;
    font-size: 17px;
    line-height: 19px;
    padding: 15px;
    color: white;
    text-transform: uppercase;
    top: 0px;
    font-weight: 500;
  }

}