@media (max-width: 1025px) {
    html {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		overflow-x: hidden;
	}
	
	h1 {
		font-size: 24px;
	}
	
	.sll3 {
		width: 100%;
		padding: 0;
	}
	
	nav {
		display: none;
		
		&.active {
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background: @yellow;
			height: 100%;
			z-index: 1;
			padding-top: 50px;
			
			a {
				display: block;
				width: 100%;
				text-align: center;
			}
		}
	}
	
	nav.superadmin {
		display: block;
	}
	
	#mobile-menu {
		display: block;
		width: 50px;
		height: 35px;
		background: url('assets/menu.svg') no-repeat center center;
		background-size: contain;
		position: absolute;
		right: 0;
		top: 0;
		margin: auto;
		z-index: 100;
	}
	
	.login_form {
		.col-left,
		.col-right {
			width: 100%;
			padding: 0;
		}
		
		.input {
			height: 45px;
			line-height: 45px;
		}
		
		label {
			margin-bottom: 5px;
		}
		
		.buttons {
			.button {
				width: 100%;
				border-radius: 5px;
				padding: 15px;
			}
		}
	}
	
	.order {
		padding: 10px;
	}
	
	#logo {
		height: 30px !important;
		margin: 0 !important;
	}
	
	.login-page {
		#logo {
			height: 75px !important;
			margin: 0 auto !important;
			display: block;
			float: none !important;
		}
	}
	
	.list-items {
		.li {
			p {
				position: static;
				margin: 10px 0;
			}
			
			.right {
				position: static;
			}
		}
	}
	
	.mobile-mt-50 {
		margin-top: 50px;
	}
	
	.mobile-mt-0 {
		margin-top: 0 !important;
	}
	
	.mobile-mb-0 {
		margin-bottom: 0 !important;
	}
	
	.sortable {
		li {
			p {
				font-size: 12px;
			}
		}
	}
	
	.col-30,
	.col-70 {
		width: 100%;
		padding: 0;
	}
	
	#logo {
		width: 125px;
		height: 50px;
		margin-top: 10px;
	}
	
	#header {
		padding: 9px 0;
		
		&.regular {
			height: auto;
			
			form {
				width: 100%;
				max-width: 100%;
				margin: 0;
				margin-bottom: 10px;
			}
			
			.col-left {
				width: 100%;
			}
		}
		
		.col-right {
			width: 180px;
			position: absolute;
			right: 0;
		}
		
		/*
		#basket-icon {
			background: #fdb533 url('assets/bag.svg') no-repeat center center;
			width: 45px;
			height: 45px;
			background-size: 24px;
			border-radius: 100%;
			margin-right: 10px;
		}
		
		.button--login {
			font-size: 0;
			background: #fdb533 url('assets/account.svg') no-repeat center center;
			width: 45px;
			height: 45px;
			background-size: 23px;
			padding: 0;
		}
		*/
	}
	
	.boxes {
		height: auto;
	}
	
	.cover {
		.image,
		.map {
			width: 100%;
		}
		
		.map {
			margin: 15px 0;
			height: 70px;
			
			iframe {
				height: 70px;
			}
		}
	}
	
	#header.banner {
		background: #f7f8fa url('/uploaded/mobile-cover-hp.png') no-repeat right top;
		background-size: 200px;
	}
	
	.box-33 {
		width: 100%;
		margin: 0;
		
		&:nth-child(3) {
			margin-bottom: 50px;
		}
	}
	
	.foooter-links {
		ul {
			width: 100%;
		}
	}
	
	.list-categories  {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		padding: 50px 15px;
		position: relative;
		left: -15px;
		margin-bottom: 0px;
		margin-top: -130px;
		
		li {
			width: 130px;
			height: 130px;
			background-size: 75px;
			border-radius: 23px;
			margin-right: 15px;
			
			a {
				line-height: 230px;
			}
		}
	}
	
	.filter-columns {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	
	.ordrs {
		grid-template-columns: 100%;
	}	
}

@media (min-width: 650px) and (max-width: 1060px) {
	.ordrs {
		grid-template-columns: repeat(auto-fill, calc(~"50% - 5px"));
		gap: 10px;
	}
}