/* =====================================================================================================================
*    title: Basic Responsive                                                                                           *
*  version: 1.0                                                                                                        *
*      app: WebyShopy v1                                                                                               *
*     site: www.webyshopy.cz/demo/                                                                                     *
*    media: all                                                                                                        *
*  project: Ing. Stanislav Jenší, EuroRegin                                                                            *
*   design: committee                                                                                                  *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                                                          *
*     date: 11/2014                                                                                                    *
===================================================================================================================== */

.toggle-top-menu {
	display: none;
	pointer-events: auto;
}

.toggle-top-menu a {
	position: relative;
	display: block;
	height: 30px;
	padding: 6px 0;
	text-align: center;
}

.toggle-top-menu .menu-icon-outer {
	position: absolute;
	top: 6px;
	right: 6px;
	/*left: 50%;*/
	display: block;
	width: 38px;
	height: 18px;
	/*margin-left: -5px;*/
	border: solid #ffffff;
	border-width: 6px 0;
}

.toggle-top-menu .menu-icon-inner {
	display: block;
	height: 6px;
	margin: 6px 0;
	text-indent: -9999px;
	background: #ffffff;
}

#content img {
	max-width: 100%;
}

@media screen and (max-width: 960px) {
	#bg3 {
		min-width: 0;
	}

	.toggle-top-menu {
		display: block;
	}

	.social-icons {
		display: none; /* :( */
	}

	#top,
	#top-menu,
	#header,
	#main,
	#content-inner,
	.social-icons {
		width: auto;
		background-size: contain;
	}

	/*#header {
		overflow: hidden;
	}*/

	#content-inner {
		padding-right: 15px;
		padding-left: 15px;
	}

	#column-middle {
		float: none;
		width: auto !important;
		margin: 0 0 20px;
		padding: 0;
	}

	#column-left,
	#column-right {
		float: none;
		width: auto;
		margin: 0 !important;
	}

	iframe,
	#map,
	.map-seznam {
		width: 100% !important;
	}

	h2.menu-header {
		width: auto;
	}

	.menu li a {
		width: auto;
	}

	.d-fly li ul {
		position: static;
	}

	.active > ul {
		display: block !important;
	}

	#top-menu {
		height: auto;
		min-height: 90px;
		padding: 0;
		z-index: 9999;
	}

	#top-menu .menu {
		position: static;
		display: none;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 0;
		text-align: left;
	}

	#top-menu .menu li {
		float: none;
		display: block;
		margin: 0;
	}

	#top-menu .menu li a {
		display: block;
		width: auto !important;
		text-align: center;
	}

	.rwd-menu-visible #top,
	.rwd-menu-visible #line,
	.rwd-menu-visible #content,
	.rwd-menu-visible #footer {
		display: none;
	}

	.rwd-menu-visible #top-menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		min-height: 100%;
		background: #aaa;
	}

	.rwd-menu-visible #top-menu .menu {
		display: block;
	}

	.rwd-menu-visible .left-menu-outer {
		margin-top: 15px;
	}

	.left-menu {
		display: none;
	}

	#column-left .d-fly li ul {
		top: auto;
		left: auto;
	}

	#header-title {font-size: 15px;}
	#header-subtitle {font-size: 21px;}
	#header-description {font-size: 18px;}

	.main-link img {
		max-width: 100%;
	}

	#product .thumb {
		float: none;
	}

	#product .meta {
		margin-left: 0;
	}

	#product dd {
		width: auto;
		min-width: 150px;
	}

	.gallery,
	.preview {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.gallery li {
		height: auto;
		margin-right: 2%;
	}

	.gallery .thumb,
	.gallery .thumb a {
		display: block;
		width: auto;
		height: auto;
	}

	.gallery .thumb img {
		width: 100%;
	}

	#row-bottom .mod {
		width: 45% !important;
		margin-right: 2%;
	}

	#row-bottom .mod:nth-child(2n + 1) {
		clear: both;
	}

	#row-bottom .mod:nth-child(2n) {
		float: right;
		margin-right: 0;
	}

	.delivery-method,
	.payment-method,
	fieldset.delivery,
	fieldset.billing {
		float: none;
		width: auto;
	}

	.delivery-method,
	fieldset.billing {
		margin-top: 20px;
	}

	textarea {
		box-sizing: border-box;
	}

	input.input {
		width: 100%;
		max-width: 190px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 560px) {
	#row-bottom .mod {
		width: auto !important;
		float: none;
		clear: none;
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	.gallery li,
	.preview .product {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}

	.gallery li {
		height: auto;
	}
}