/* Minimal mobile layout for violetta-salon.ru (theme is non-responsive).
   Loaded after theme CSS on every page. Desktop (>1259px) is not affected. */

/* Theme swaps in its demo "Dream Spa" logo@2x.png on retina screens —
   always show the salon's real logo instead */
.normal_logo { display: inline-block !important; }
.retina_logo { display: none !important; }

@media only screen and (max-width: 1259px) {
	.boxed .wrapper { width: 100%; }
	.container { width: 94%; max-width: 1060px; }
	.coupon { left: auto; right: 10px; }
}

@media only screen and (max-width: 767px) {
	html { -webkit-text-size-adjust: 100%; }
	body { overflow-x: hidden; }

	img, iframe, video, embed, object { max-width: 100%; }
	img { height: auto; }

	.container { width: auto; max-width: none; padding: 0 15px; }
	#main-menu .container { padding: 0; }

	/* Linearize all shortcode columns */
	.column,
	[class*="dt-sc-one-"],
	[class*="dt-sc-two-"],
	[class*="dt-sc-three-"] {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Header */
	.coupon { display: none; }
	.top-bar { margin: 0 0 10px; }
	.top-bar ul.contact-details li {
		display: block;
		border: none;
		padding: 2px 0;
		margin: 0;
	}

	/* Menu: show theme's own toggle, JS (custom.js) slideToggles ul.menu */
	.dt-menu-toggle { display: block !important; margin: 0 15px; }
	#main-menu > .container > ul.menu { display: none; width: 100%; }
	#main-menu ul.menu > li { display: block; width: 100%; text-align: left; }
	#main-menu ul.menu > li > a { display: block; line-height: 44px; padding: 0 15px; }

	/* Dropdowns: static and always expanded (no hover on touch) */
	#main-menu ul li.menu-item-simple-parent ul,
	#main-menu ul li.menu-item-simple-parent ul li ul {
		display: block !important;
		position: static !important;
		width: 100% !important;
		background: transparent;
		padding: 0 0 0 20px;
	}
	#main-menu ul li.menu-item-simple-parent ul:before { display: none; }

	/* LayerSlider is fixed-size (responsive:false) — hide on phones */
	#slider { display: none; }

	/* Tables and forms */
	table { display: block; width: 100%; overflow-x: auto; }
	input, textarea, select { max-width: 100%; }

	/* Footer widgets already linearized by the column rule above */
	#footer .copyright .container { text-align: center; }
}