@media (max-width: 1060px) {
    html {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		overflow-x: hidden;
	}
	
	.closed-window {
		height: auto;
		position: absolute;
		top: 150px;
	}
	
	.article-list {
		.article {
			width: 100%;
			margin: 0 0 15px !important;
		}
	}
	
	.bar {
		font-size: 12px;
	}
	
	#key-2.ShopDoprava td {	
		label:before {
			top: 50px;
		}
		
		label:after {
			top: 54px;
		}
	}
	
	h1 {
		font-size: 24px;
	}
	
	.boxes {
		height: auto;
	}
	
	#html.safari {
		.emoji {
			margin-top: -10px !important;
		}
	}
	
	#change-city {
		margin-right: 5px;
		
		span {
			display: none;
		}
		
		var {
			font: inherit;
			display: inline-block;
		}
	}
	
	.link.small-link {
		margin-top: 5px;
		margin-bottom: 15px;
		width: 100%;
		display: block;
		text-align: center;
	}
	
	#banner {
		background-size: cover;
		
		&:before {
			padding-top: 40%;
		}
		
		.title {
			font-size: 21px;
		}
	}
	
	.phone-prefix {
		&::before {
			padding: 0;
			text-align: center;
			width: 40px;
			font-size: 13px;
			bottom: 1px;
		}
		
		input {
			width: calc(~"100% - 42px");
			font-size: 13px;
			padding: 0 5px;
		}
	}
	
	.no-mobile {
		display: none !important;
	}
	
	.text-center-mobile {
		text-align: center !important;
	}
	
	.mt-mobile-25 {
		margin-top: 25px !important;
	}
	
	.copyright {
		ul {
			width: auto !important;
		}
		
		span {
			float: left !important;
			width: 100% !important;
			margin-bottom: 15px;
			background-size: 190px !important;
			background-position: center center !important;
		}
	}
	
	#date-boxes {
		.time:nth-child(10),
		.time:nth-child(11),
		.time:nth-child(12),
		.time:nth-child(13),
		.time:nth-child(14) {
			display: none;
		}
	}
	
	footer {
		text-align: center;
		
		ul {
			width: 100%;
			text-align: center;
		}
		
		br {
			display: none !important;
		}
		
		.headline {
			line-height: 1.2;
		}
	}
	
	.sll3 {
		width: 100%;
	}
	
	#rekapitulace_desc, .pobocka {
		margin-top: 0 !important;
		
		.sll, .slr {
			width: 100%;
			padding: 0;
		}
	}
	
	.pobocka {
		margin-top: 20px !important;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	
	#client-data {
		margin-top: 25px !important;
	}
	
	.w60p, .w40p {
		width: 100%;
		padding: 0;
	}
	
	.form-tips {
		display: none;
	}
	
	#fileUploaded {
		margin-bottom: 15px;
	}
	
	.logged_menu {
		li {
			width: 100%;
			margin: 10px 0;
		}
	}
	
	#sticky-basket {
		position: static !important;
		margin-top: 20px !important;
		width: 100% !important;
	}
	
	#date-boxes, #time-boxes {	
		text-align: center;
			
		.time {
			width: 30%;
			min-width: 80px;
			max-width: 100px;
			float: none !important;
			display: inline-block;
			
			&:nth-child(3n-3) {
				margin-right: 0px;
			}
			
			&:nth-child(7n-7) {
				margin-right: 10px !important;
			}
		}
	}
	
	.mob-w100p {
		width: 100% !important;
		padding: 0 !important;
	}
	
	#date-boxes {
		.time {
			height: 42px;
			padding-top: 5px;
			line-height: 1.3;
		}
	}
	
	#steps {
		display: none;
	}
	
	.kosik_doprava {
		width: 100% !important;
		margin-bottom: 10px;
		
		strong {
			padding-left: 0;
		}
	}
	
	#kosik_sumace {
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 15px;
		
		span {
			margin-right: 0;
		}
		
		#total_celkem_price_with_tax:before {
			content: 'Celkem:';
			margin-right: 10px;
			font-weight: normal;
		}
	}
	
	.sel_doprava {
		position: initial !important;
	}
	
	#kosik {
		.heading_line {
			display: none;
		}
		
		.kosik_table {
			padding-top: 0;
		}
		
		.kosik_line {
			border-bottom: 1px solid rgba(0,0,0,0.1);
			padding-top: 15px;
			position: relative;
			
			&.no-border {
				border-bottom: 0;
			}
			
			.name {
				width: calc(~"100% - 20px");
				line-height: 1.3;
			}
			
			.count {
				width: 50px;
			}
			
			.price {
				display: none;
			}
			
			.row_price {
				width: 90px;
				float: right;
			}
			
			.delete {
				width: 40px;
				float: right;
				position: absolute;
				right: 0;
				top: 0;
				
				.kosik_delete {
					margin-top: 15px;
					background: url('assets/close.svg') no-repeat top right;
				}
			}
		}
	}
	
	.mobile-text {		
		img {
			/*margin-right: 100%;*/
			height: 100px !important;
			margin-right: 25px;
		}
	}
	
	.page-kosik-items {
		display: none;
	}
	
	#basket .heart {
		left: 2px;
	}
	
	#show-mobile-text {
		display: block;
	}
	
	.pocet {
		display: block !important;
		font-size: 10px !important;
		color: #fff !important;
		background: #ee2e2a;
		width: 15px;
		line-height: 15px !important;
		text-align: center;
		height: 15px;
		position: absolute;
		border-radius: 100%;
		top: 5px;
		right: -5px;
	}
	
	#detail {
		.detail-info {
			padding: 13px;
		}
		
		.icons {
			text-align: left;
			
			li {
				width: 100px;
				font-size: 11px;
				text-align: left;
				
				&:nth-child(3) {
					width: 75px;
				}
				
				&:nth-child(2) {
					width: 93px;
				}
				
				span {
					background-position: left center;
				}
			}
		}
	}
	
	#variants, .variants {
		top: 120px;
		
		.product {
			width: 100%;
			border-radius: 0;
			padding: 3px !important;
			border-bottom: 1px solid rgba(0,0,0,0.05);
		}
		
		form {
			width: 96%;
			margin: 0 auto;
		}
		
		.title {
			font-size: 18px;
			margin-bottom: 10px;
			font-weight: bold;	
		}
	}
	
	.change-quantity {
		padding: 0 5px;
	}
	
	.icons {
		li {
			width: 100%;
			margin-bottom: 20px;
		}
	}
	
	#shop-bar {
		z-index: 10;
		
		&:before {
			display: none;
		}
	}
	
	.mt-desktop-150 {
		margin-top: 20px !important;
	}
	
	.original-price {
		width: 100%;
		padding-top: 0;
		margin-left: 0;
		line-height: 23px !important;
		font-size: 13px;
		
		&.discount {
			text-align: center;
			
			span {
				font-size: 12px;
			}
		}
	}
	
	.title {
		font-size: 21px;
		text-align: center;
		
		.headline-link {
			display: block;
			float: none;
			text-align: center;
		}
	}
	
	.photos, .detail-info {
		width: 100% !important;
		
		.img {
			width: 100% !important;
			height: auto !important;
			
			&:before {
				content: '';
				display: block;
				padding-top: 140%;
			}
		}
	}
	
	.detail-info.article {
		img {
			max-width: 100%;
			height: auto !important;
		}
	}
	
	.doprava_table {
		.price {
			
		}
	}
	
	#dopravaShopDoprava .doprava_table {
		.sel_doprava {
			strong {
				position: relative;
				top: -5px;
			}
		}
	}
	
	.detail-info {
		margin-top: 30px;
	}
	
	.col {
		width: 100% !important;
		margin-bottom: 20px;
	}
	
	.mobile-link {
		width: 100%;
		text-align: center;
	}
	
	.col-left, .col-right {
		width: 100%;
	
		&.text-inside {
			padding-top: 0 !important;
			text-align: center;
			padding: 0 !important;
			margin-top: 35px !important;
		}
	}
	
	.col-left {
		.image.rozvoz {
			position: static;
			margin: 0 auto;
			border-radius: 100%;
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
			max-width: 350px;		

			&:after {
				display: none;
			}	
		}
	}
	
	#content .col-right {
		margin-top: 0 !important;
		
		h2 {
			margin-top: 0 !important;
		}
	}
	
	.category-info {
		img {
			float: left;
			margin-bottom: 25px;
			max-width: 100% !important;
			height: auto;
		}
	}
	
	.scroll {
		overflow-x: scroll;
		padding-left: 25px;
		padding-right: 10px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	
	.mobile-none {
		display: none !important;
	}
	
	#mapa_layout_over { 
		top: 120px !important;
		bottom: auto !important;
		overflow-y: scroll !important;
	}
	
	#navigation {
		height: 105px;
		line-height: 65px;
		margin-bottom: 0 !important;
	}
	
	.warning {
		font-size: 12px;
	}
	
	#header {
		&.fixed {
			position: fixed;
			top: 0;
			background: #fff;
			z-index: 100;
			height: 105px;
			
			&.lista {
				height: 135px;
			}
			
			#navigation {
				height: 65px;
			}
		}
	}
	
	.product {
		.tag {
			right: -4px;
		}
		
		&.sold {			
			.tag {
				top: 10px;
				right: 0px;
			}
		}
		
		p {
			top: 25px;
			font-size: 14px;
			line-height: 1.3;
		}
		
		.price {
			position: relative;
			top: -10px;
		}
		
		&:hover {
			p {
				height: 0;
				opacity: 0;
				transform: scale(0);
			}
		}
	}
	
	#basket {
		font-size: 0;
		background-position: right center;
	}
	
	#mobile-menu {
		display: block;
		position: absolute;
	    right: 50px;
	    top: 58px;
	    font-size: 13px;
	    font-weight: 500;
	    color: rgba(0,0,0,0.8);
	    border-bottom: 2px solid rgba(0,0,0,1);
	    border-top: 2px solid rgba(0,0,0,1);
	    border-radius: 1px;
	    line-height: 22px;
	}
	
	#mobile-back {
		display: block;
		position: absolute;
	    right: 100px;
	    top: 58px;
	    background: url('assets/left.svg') no-repeat center center;
	    width: 28px;
	    height: 26px;
	    cursor: pointer;
	}
	
	#logo {
		width: 160px;
	}
	
	.menu {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background: #ee2e2a;
		background-size: 200px;
		z-index: 1000;
		box-sizing: border-box;
		padding: 120px 0;
		overflow-y: scroll;
		opacity: 0;
		pointer-events: none;
		transition: 0.35s all;
		
		&:before {
			background: url('assets/white-logo.svg') no-repeat;
			background-size: contain;
			width: 200px;
			height: 60px;
			content: '';
			position: absolute;
			left: 25px;
			top: 50px;
		}
		
		&.active {
			opacity: 1;
			pointer-events: all;
			
			#close-menu {
				width: 40px;
				height: 40px;
				display: block;
				position: absolute;
				right: 0;
				top: 30px;
				color: #ee2e2a;
				
				&:before, &:after {
					width: 60%;
					height: 2px;
				    background: #fff;
				    position: absolute;
				    right: 23px;
				    top: 40px;
				    margin: auto;
				    transition: all .4s ease-in-out;
				    content: '';
				    transform: rotate(45deg);
				}
				
				&:after {
					transform: rotate(-45deg);
				}
			}
		}
		
		.nav {
			color: #fff;
			width: 100%;
			margin: 0;
			box-sizing: border-box;
			padding: 0 25px;
			line-height: 40px;
			text-align: left;
			position: relative;
			font-weight: bold;
			border-bottom: 1px solid rgba(255,255,255,.15);
			
			&:after {
				content: '';
				width: 20px;
				height: 20px;
				background: url('assets/arrow.svg') no-repeat center center;
				position: absolute;
				right: 25px;
				top: 10px;
				transform: rotate(180deg);
				pointer-events: none;
			}
			
			.link {
				color: #fff !important;
				text-decoration: none;
				font-size: 21px;
				display: block;
			}
			
			.submenu {
				position: static;
				text-align: left;
				height: auto;
				margin: 0;
				list-style: none;
				padding: 0;
				display: none;
				
				li {
					width: 100%;
					margin: 0;
					
					a {
						font-weight: normal;
						text-decoration: none;
						color: #fff;
					}
				}
			}
			
			&.active {
				&:after {
					transform: rotate(0deg);
				}
				
				.submenu {
					display: block;
				}
			}
			
			.link:before {
				display: none;
			}
		}
	}
}

@media (min-width: 650px) and (max-width: 1060px) {
	#footer .copyright {
		span {
			float: right !important;
			margin-bottom: 15px;
			background-position: center center !important;
		}
		
		br {
			display: block !important;
		}
		
		ul {
			float: right;
			margin-left: 25px;
		}
	}
}