@media only screen and (max-width: 900px) {
	.o23 {
		background: url('/orange23/img/back-mob.jpg') no-repeat center top / cover;
		margin: 0 -15px;
		width: calc(100% + 30px);
		position: relative;
		height: auto;
		min-height: 1220px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		transition: all 0.4s ease-in-out;
	}
	.o23-txt3 {
		text-align: center;
		font-family: 'circe3';
		font-size: 24px;
		line-height: 1;
	}
	.o23-txt {
		flex-grow: 0;
		padding-top: 0;
		padding-bottom: 300px;
	}
	.o23-txt section {
		padding-top: 220px;
		text-align: center;
		font-family: 'circe3';
		font-size: 22px;
	}
	.o22-desc {
		padding: 0px;
	}
	.o22 h1 {
		text-align: center;
		font-family: 'circe5';
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.o22-mobile {
		display: block !important;
	}
	.o22-desktop {
		display: none !important;
	}
	.o22-back-wrap {
	}
	.o22-popup {
		top: 0px;
		width: 100%;
		height: 100%;
	}
	.o22-popup-show {
		left: 0px;
	}
	.o22-popup > div {
		height: 100%;
		overflow: auto;
	}
	.o22-map {
		width: 1000px;
		height: 100vh;
		position: relative;
	}
	.o22-modal {
		position: fixed !important;
		width: 100% !important;
		max-width: unset;
		min-height: unset;
		height: 100% !important;
		left: 0px !important;
		top: 0px !important;
		z-index: 30000;
	}
	.o22-modal > div {
		height: 100%;
		overflow-y: auto;
	}
	.o22-donation {
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;		
	}

	.o22-donation > div {
		height: 100%;		
		overflow-y: auto;
	}
	.o22-blocks > div:nth-child(2) {
		margin: 0 auto;
	}
	.o22-partner-logo {
		top: 62%;
		right: 50%;
		z-index: 1000;
	}
	.o22-tree {
		position: relative;
		width: 110%;
		height: 350px;
		top: 0;
		background-position: center top;
		background-size: 130%;
		margin-top: 50px;
	}
	.o22-chat {
		position: relative;
		margin-top: 0;
		margin-left: 0;
	}
	.o22-back-wrap h1 {
		order: 0;
	}
	.o22-back-wrap .o22-desc {
		order: 1;
	}
	.o22-back-wrap .o22-chat {
		order: 3;
		height: 180px;
	}
	.o22-back-wrap .o22-tree {
		order: 2;
	}
	.o22-present img {
		width: 70px;
	}
	.o22-present span {
		padding: 2px 4px;
		margin-top: -15px;
		font-size: 12px;
		line-height: 1;
		border-radius: 5px;
		border-width: 1px;
		max-width: 110px;
	}
	.o22-cat {
		order: 4;
		position: absolute;
		bottom: unset;
		top: 56%;
		right: 4%;
		width: 130px;
	}
	.o22-tree > .o22-present:nth-child(6) {
		left: 14%;
		top: 9%;
	}
	.o22-tree > .o22-present:nth-child(5) {
		left: 6%;
		top: 39%;
	}
	.o22-tree > .o22-present:nth-child(4) {
		left: 44%;
		top: 20%;
	}
	.o22-tree > .o22-present:nth-child(3) {
		left: 74%;
		top: 35%;
	}
	.o22-tree > .o22-present:nth-child(2) {
		left: 33%;
		top: 50%;
	}
	.o22-tree > .o22-present:nth-child(1) {
		left: 56%;
		top: 62%;
	}
	.o22-menu {
		display: none;
	}
	.o22-footer {
		padding: 0 0 20px 0;
		flex-direction: column;
		align-items: center;
	}
	.o22-footer > a {
		order: 1;
	}
	.o22-footer > div {
		align-items: flex-end;
	}
	.o22-donation > div {
		padding-top: 60%;
	}
	.o22-basket-mobile {
		order: 5;
		display: flex !important;
		align-items: center;
		justify-content: space-around;
		margin-top: 160px;
		margin-bottom: 5px;
		text-decoration: none;
	}
	.o22-basket-mobile span {
		font-family: 'Repo Bold';
		text-align: center;
		color: #fff;
		text-decoration: none;
	}
	.o22-basket-mobile img {
		width: 150px;
	}
	.o22-map-mobile {
		order: 7;
		display: flex !important;
		align-items: center;
		justify-content: space-around;
		text-decoration: none;
	}
	.o22-map-mobile img {
		width: 150px;
	}
	.o22-map-mobile span {
		font-family: 'Repo Bold';
		text-align: center;
		color: #fff;
		text-decoration: none;
	}
	.o22-footer > div span {
		margin-right: 0;
	}
	.o22-footer > div {
		margin-top: 10px;
		flex-direction: column;
		align-items: center;
	}
	.o22-btn {
		margin-bottom: 20px;
	}
	.o22-donation > div header {
	}
	.o22-divv {
		height: 0px;
	}


	.o23-presents {
		position: absolute;
		left: 0;
		top: 430px;
		width: 100%;
		height: calc(100% - 50px);
	}
	.o23-presents > div {
		cursor: pointer;
		width: 110px;
		height: 110px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		transition: all 0.4s ease-in-out;
	}
	.o23-presents > div > div {
		transition: all 0.4s ease-in-out;
		opacity: 0;
		visibility: hidden;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.o23-presents > div > div span.present-sum {
		color: #fff;
		font-family: 'circe3';
		font-size: 45px;
		display: block;
		line-height: 40px;
	}
	.o23-presents > div > div span.present-vip {
		color: #fff;
		font-family: 'circe3';
		font-size: 20px;
		display: block;
		line-height: 25px;
	}
	.o23-presents > div > div input {
		border-radius: 3px;
		border: solid 1px #fff;
		background: #f5f5f5;
		font-family: 'circe5';
		font-size: 20px;
		line-height: 20px;
		padding: 5px 5px 3px;
		width: 160px;
	}
	.o23-presents > div > div span.present-name {
		color: #fff;
		font-family: 'circe5';
		font-size: 20px;
		line-height: 25px;
		display: block;
		padding: 0 10px;
		margin: 3px 0 9px 0;
	}
	.o23-presents > div > div a {
		display: inline-block;
		border: solid 1px #fff;
		border-radius: 3px;
		padding: 8px 20px 6px;
		color: #fff;
		font-family: 'circe3';
		font-size: 20px;
		line-height: 19px;
		text-decoration: none;
	}
	.o23-presents > div > div a:hover {
		background: #fff;
		color: #ff5100;
		transition: all 0.4s ease-in-out;
	}
	.o23-presents > div.show {
		width: 90vw !important;
		height: 90vw !important;
		left: 5vw !important;
		transform: scale(1) !important;
		filter: drop-shadow(6px 6px 10px #aaa);
		z-index: 120;
	}
	.o23-presents > div.show > div {
		opacity: 1;
		visibility: visible;
	}
	.o23-presents > div:nth-child(1) {
		left: 1%;
		top: 50px;
		width: 110px;
		height: 110px;
	}
	.o23-presents > div:nth-child(3) {
		left: 40%;
		top: 0;
		width: 100px;
		height: 100px;
	}
	.o23-presents > div:nth-child(5) {
		left: 1%;
		top: 240px;
	}
	.o23-presents > div:nth-child(7) {
		left: 72%;
		top: 60px;
	}
	.o23-presents > div:nth-child(9) {
		left: 37%;
		top: 260px;
		width: 120px;
		height: 120px;
	}
	.o23-presents > div:nth-child(11) {
		left: 70%;
		top: 230px;
		width: 105px;
		height: 105px;
	}
	.o23-steps {
		padding: 0 40px;
	}
	.o23-steps > div {
		display: flex;
		align-items: flex-start;
		margin-bottom: 15px;
		height: 55px;
	}
	.o23-steps > div span {
		color: #ff9200;
		font-size: 50px;
		font-family: 'circe3';
		line-height: 40px;
		display: inline-block;
		padding-top: 5px;
		width: 30px;
	}
	.o23-steps > div p {
		width: 80%;
		display: inline-block;
		margin-left: 20px;
		color: #000;
		text-align: left;
		font-size: 20px;
		font-family: 'circe5';
		line-height: 26px;
	}
	.o23-footer-mobile {
		text-align: center;
		position: relative;
		z-index: 101;
	}
	.o23-footer-mobile header {
		font-family: 'circe3';
		font-size: 20px;
		color: #000;
	}
	.o23-mobile-map {
		text-align: center;
		margin-bottom: 25px;
	}
	.o23-mobile-map a {
		font-family: 'circe3';
		font-size: 20px;
		color: #000;
		text-decoration: none;
	}
	.o23-mobile-share {
		margin-bottom: 25px;
	}
	.o23-mobile-oferta {
		text-align: center;
	}
	.o23-mobile-oferta a {
		font-family: 'circe5';
		font-size: 20px;
		color: #000;
		text-decoration: none;
	}
	.o23-presents > div > div .close-orange { 
		display: block;
	}
	.o23-presents > img {
		display: none;
	}
	.o23-presents > div:after {
		content: "";
		position: absolute; 
		top: -57px; 
		left: -57px;
		width: 200px;
		height: 220px;
	}
	.o23-partner-logo {
		position: absolute;
		top: 840px;
		width: 180px;
		left: calc(50% - 90px);
	}
	.o22-h2[data-modal='orders'] {
		display: none;
	}
	.o23-total {
		font-family: 'circe3';
		font-size: 20px;
		color: #000;
		margin-bottom: 20px;		
	}
}