@media 
only screen and (max-device-aspect-ratio: 9/16),
only screen and (max-device-aspect-ratio: 9/18),
only screen and (max-device-aspect-ratio: 3/5),
only screen and (max-device-aspect-ratio: 2/3),
only screen and (max-width: 520px)
{
	body {
		font-size: 47px;
	}
	.logo {
		width: 30vw;
		height: 10vw;
	}
	.steps {
		padding-left: 10vw;
		padding-right: 10vw;
		font-size: 1.35em;
	}
	.bottom_menu {
		width: 86vw;
		height: 3.6em;
		margin-bottom: 0.5em;
		align-items: center;
	}
	.menu_btn {
		width: 39vw;
		height: 2.2em;
		font-size: 1em;
	}
	.constr-field {
		width: 90vw;
		height: 39em;
		flex-flow: column wrap;
	}
	.img-up-options {
		width: 100%;
		height: 13%;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-around;
		padding: 0;
	}
	#for-ph {
		width: 30%;
	}
	#for-ph li {
		width: 100%;
	}
	.img-up-options li {
		border-radius: 1em;
		width: 30%;
		margin: 0;
		font-size: 1.15em;
		padding: 0.5em 0 0.5em 0;
	}
	.img-up-options li:hover > .opt-tip {
		width: 0;
		opacity: 0;
	}
	.img-up-options li:hover {
		border-right: 0;
		padding-left: 0;
	}
	.pre-up-bg {
		background-position: center;
	}
	.magnets-list {
		width: 100%;
		height: 85%;
		padding: 2em 1em 1em 1em;
		justify-content: space-around;
	}
	.magnet-prev {
		margin: 0;
		margin-bottom: 2em;
		width: 11em;
		height: 15em;
	}
	.mag-img {
		width: 11em;
		height: 11em;
	}
	.mag-text {
		width: 11em;
		height: 11em;
	}
	.quant-btn {
		width: 2vh;
		height: 2vh;
	}
	.order-field {
		 height: 38em;
		 flex-flow: column;
		 overflow-y: hidden;
	}
	.cart {
		width: 100%;
		height: 23vh;
	}
	.cart-header {
		width: 85%;
		margin-top: -4.5em;
	}
	.order-form {
		width: 100%;
		height: 55%;
		padding-top: 1em;
	}
	.to-payment {
		width: 60%;
	}
	.modal_window {
		width: 90vw;
		height: 55vh;
	}
	.croppie_block {
		width: 90%;
    	height: 1000px;
    	background-color: gainsboro;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 12vw;
	}
	.close {
		width: 7vw;
		height: 7vw;
	}
	.done_btn {
		font-size: 1.4em;
		margin-left: 5vw;
		margin-top: 8vw;
	}
	.rotate_img {
		margin-top: 2.5em;
	}
	.pre_back {
		height: 160vh;
	}
	.spin {
		width: 15vw;
		height: 15vw;
	}
	#close_choose {
  		margin-left: 51vw;
   		margin-right: -12vw;
	}
	.input_choose {
		width: 60vw;
		height: 80vw;
		margin-top: 25vh;
	}
	.choose_btn {
		width: 60vw;
		height: 12vw;
		font-size: 1.2em;
		margin-top: 6vw;
		padding-left: 4vw;
	}
	.choose_btn span {
		width: 6vw;
		height: 6vw;
		margin-right: 2vw;
	}
	#close_text {
		float: right;
    	margin-right: 2em;
    	margin-top: 2em;
	}
	.text_edit_block {
		width: 90vw;
		height: 12em;
		margin-left: 5vw;
		padding: 0;
		padding-bottom: 4em;
		top: -12em;
	}
	.text_tool input[type=color] {
		width: 2em;
		height: 2em;
	}
	.text_label {
		font-size: 1em;
	}
	.text_field {
		font-size: 1.4em;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.text_tool {
		margin-right: 1.5em;
		margin-top: 1em;
	}
	.text_label {
		font-size: 1.4em;
		margin-right: 0.5em;
	}
	.text_style input {
		width: 6em;
		height: 6em;
	}
	.text_style select {
		border-radius: 0.3em;
    	height: 1.9em;
    	font-size: 1.1em;
	}
	.text_preview {
		width: 52vw;
		height: 52vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	#close_designs {
		width: 6vw;
		height: 6vw;
	}
	.select-designs {
		width: 90vw;
    	height: 87vh
	}
	.des_categories {
		width: 96%;
		margin-top: 3em;
	}
	.des_category {
		font-size: 1.2em;
	}
	.des_sample {
		margin-bottom: 4em;
	}
	.sample {
		width: 27vw;
		height: 27vw;
	}
	.sample_hover {
		width: 27vw;
		height: 27vw;
		margin-top: 27vw;
	}
	.order_form {
		padding-bottom: 4em;
	}
	.form_label {
		font-size: 1.15em;
	}
	.form_input {
		font-size: 1.15em;
	}
	.form_text {
		font-size: 1.15em;
	}
	.check_block div{
		font-size: 1.25em;
	}
	.check_block label {
		width: 100%;
	}
	.check_block input {
		width: 3em;
		height: 3em;
	}
	.order_done {
		margin-bottom: 4em;
	}
	#liqpay-window {
		width: 80vw;
	}
}
