@media only screen and (min-width: 320px) and (max-width: 640px) {

	body { background-attachment: scroll; }

	.wrapper, .overall { min-width: 0; width: auto; }

	.overall { padding-top: 32px; }

	.head_bg { height: auto; min-height: 113px; }
	.head_bg .header { width: 100%; height: auto; min-height: 113px; }
	.head_bg .logo_top { display: none; }
	.head_bg .logo-custombike { display: none; }
	.head_bg .name { float: none; margin-left: 0; padding-left: 11px; margin-top: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; }
	.head_bg .phone_top { float: none; margin: 10px auto; }

	.head_bg .header .social-block { display: block; text-align: center; margin: 15px 0; position: inherit; }

	.head_bg .header .search { position: relative; left: auto; top: auto; margin: 15px auto 0; padding-bottom: 10px; text-align: center; }
	.head_bg .header .search input { text-align: left; }

	.header .currency { position: relative; left: auto; top: auto; text-align: center; }
	.header .langs { position: relative; left: auto; top: auto; text-align: center; width: auto; margin-top: 10px; }

	.categories { width: auto; margin: 0 0; }
	.categories table { display: block; }
	.categories table td { display: block; vertical-align: top; width: auto; padding: 0; }

	#small,
	#small.contract,
	#big,
	#big.contract,
	.menu { display: none; }

	.domen { display: none; }

	.page_align { min-width: 0; width: auto; }

	.path { float: none; width: auto; margin-left: 15px; margin-top: 0; padding-top: 11px; }

	.content { float: none; width: auto; margin-left: 15px; padding-right: 0; margin-right: 15px; }

	.afisha { float: none; width: 100%; margin: 10px 0 0 0; text-align: center; }
	.bike { text-align: left; margin: 0 12px 24px;}
	.bike .title { margin-top: 12px; }

	.filter { float: none; padding: 0 15px; }

	.afisha .paginator { text-align: left; padding-left: 15px; padding-right: 15px; }

	.guestbook-btn { position: relative; margin-top: 0; margin-left: 0; }

	iframe { max-width: 100%; }

	.menu_bottom1 { width: auto; height: auto; }
	.menu_bottom2 { width: auto; height: auto; }
	.spisok { width: auto; height: auto; }
	.spisok ul li { float: none; width: auto; }
	.spisok_phone { width: auto; float: none; padding-left: 40px; text-align: left; }

	.end .right-part { display: none; }

	.fgpm { display: none; }

	.overdialog .product { width: auto; }
	.overdialog .product .prod-left { width: auto; float: none; }
	.overdialog .product .prod-right { width: auto; float: none; }
	.overdialog .product .prod-price { text-align: center; }
	.overdialog .product .free-delivery { text-align: center; font-size: 18px; }
	.overdialog .product .prod-noscroll { border-right: 0; padding-right: 0; border-bottom: 2px solid #281503; }

	.overdialog .overdialog-close { right: 0; top: -55px; }

	.overdialog .menu_dialog_top { display: none; }

	.overdialog-page { padding-top: 95px; }
	.dialog-page .menu_mobile { z-index: 1000; }

	.menu_mobile { display: block; position: fixed; right: 0; top: 0; z-index: 35; }
	.menu_mobile a.menu-grid { display: block; border: 0; color: #fff; font-size: 16px; width: 90px; text-align: left; height: 40px; line-height: 40px; padding-left: 40px; 
		position: fixed;
		left: 0; 
		width: 70%;
		box-sizing: border-box;
		background: #281508;
		border-bottom: 1px solid #7b4f15;
		outline: none;
		z-index: 100;
		text-decoration: none;
	}
	.menu_mobile a.menu-grid i { font-size: 33px; vertical-align: top; position: absolute; margin-left: -30px; margin-top: -2px; }
	.menu_mobile a.menu-grid:before { display: none !important; }
	.menu_mobile button { border: 0; color: #fff; font-size: 16px; width: 90px; text-align: right; height: 40px; line-height: 40px; padding-right: 15px; 
		position: fixed;
		right: 0;
		width: 30%;
		box-sizing: border-box;
		background: #281508;
		border-bottom: 1px solid #7b4f15;
		outline: none;
		z-index: 100;
	}
	.menu_mobile button i { font-size: 33px; vertical-align: top; position: absolute; margin-left: -30px; margin-top: -2px; }
	.menu_mobile > ul { display: none; }

	body.menu_mobile_active { overflow: hidden; }
	body.menu_mobile_active .menu_mobile { left: 0; bottom: 0; overflow: auto; background: rgba(0,0,0,.7); }
	body.menu_mobile_active .menu_mobile button { position: fixed; }
	body.menu_mobile_active .menu_mobile ul { display: block; margin: 0; padding: 0; list-style: none; }
	body.menu_mobile_active .menu_mobile li { padding: 4px 0; }
	body.menu_mobile_active .menu_mobile a { color: #EEC67C; }
	body.menu_mobile_active .menu_mobile a:before { content: "\2022"; color: #fff; position: absolute; margin-left: -12px; font-size: 10px; margin-top: 1px; z-index: 90; }
	body.menu_mobile_active .menu_mobile > ul { margin: 0 0 0 100px; padding: 50px 10px 20px 25px; background: #281508; font-size: 16px; }
	body.menu_mobile_active .menu_mobile > ul > li > a { font-weight: bold; font-size: 15px; color: #fff; }
	body.menu_mobile_active .menu_mobile > ul > li > a:before { margin-top: 4px; color: #fff; }
	body.menu_mobile_active .menu_mobile > ul > li > ul { margin-left: 20px; font-size: 14px; }
	body.menu_mobile_active .menu_mobile > ul > li > ul > li > ul { margin-left: 20px; font-size: 13px; }

	.viber-mobile { display: block; text-align: center; }
	.viber-mobile > a { display: inline-block; line-height: 0; }
	.viber-mobile > a + a { margin-top: 15px; }
	.viber-mobile .social-block { margin-top: 15px; }

	.social-block span { font-size: 0; }
}

@media only screen and (min-width: 320px) and (max-width: 339px) {
	.menu_mobile a.menu-grid { font-size: 15px; }
	.menu_mobile button { font-size: 15px; }
}

@media only screen and (min-width: 520px) and (max-width: 640px) {
	.head_bg .phone_top { position: absolute; right: 15px; top: 62px; margin: 0 0 0 0; }
	.head_bg .header .social-block { display: block; position: absolute; margin: 0 0 0 0; right: 5px; top: 107px; }
	.head_bg .header .social-block span { font-size: 0; }

	.head_bg .header .search { text-align: left; padding-left: 15px; }

	.header .currency { position: absolute; left: auto; right: 15px; top: 25px; }
	.header .langs { position: relative; left: auto; top: auto; text-align: left; width: 50%; margin-top: 10px; padding-left: 15px; }

	.spisok ul { text-align: center; }
	.spisok ul li { display: inline-block; }
	.spisok ul li a { font-size: 14px; padding: 0 15px; }
	.spisok_phone { text-align: center; }

	.end_ul { vertical-align: top; width: 33%; margin: 5px 0 0 0; padding: 0 0 15px 15px; box-sizing: border-box; }

	.menu_bottom2 { background-position: right 18px bottom 18px; }
}

@media only screen and (min-width: 641px) and (max-width: 999px) {

	body { background-attachment: scroll; }

	.wrapper, .overall { min-width: 0; width: auto; }

	.head_bg { height: auto; min-height: 113px; }
	.head_bg .header { width: 100%; height: auto; min-height: 113px; }
	.head_bg .logo_top { display: block; position: absolute; right: 10px; top: 17px; margin: 0 0 0 0; }
	.head_bg .logo-custombike { display: block; position: absolute; right: 5px; top: 5px; margin: 0 0 0 0; }
	.head_bg .name { float: none; margin-left: 0; padding-left: 11px; margin-top: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; }
	.head_bg .phone_top { float: none; position: absolute; right: 125px; top: 62px; margin: 0 0 0 0; }
	.head_bg .header .social-block { display: block; position: absolute; margin: 0 0 0 0; right: 115px; top: 10px; }

	.head_bg .header .search { position: relative; left: auto; top: auto; margin: 15px auto 0; padding-bottom: 10px; text-align: center; }
	.head_bg .header .search input { text-align: left; }

	.header .currency { position: absolute; left: auto; right: 15px; top: 128px; }
	.header .langs { position: absolute; left: auto; left: 15px; top: 128px; }

	#small,
	#small.contract,
	.menu { display: block; }

	#big,
	#big.contract { display: none; }

	.menu_small_page { width: auto; overflow: hidden; }
	.menu_small_page ul li a, .menu_small_page ul li span { font-size: 14px; font-weight: bold; padding: 0 5px 0 15px; }
	.menu-ext { display: none; }

	.menu { float: none; width: auto; height: auto; margin-left: 0; }
	.menu ul { padding: 0; margin: 0; position: relative; }
	.menu ul li { float: none; display: inline-block; }
	.menu ul li a { font-size: 14px; padding: 0 15px; min-width: 0; }
	.menu ul li:hover ul { display: none; }
	.menu ul li.active { margin-bottom: 31px; position: initial; }
	.menu ul li.active ul { display: block; position: absolute; left: 0; right: 0; border: 0; background: #391a00; }
	.menu ul ul li { display: inline-block; border-right: 2px solid #704F19; }
	.menu ul ul li a { white-space: nowrap; }

	.domen { display: none; }

	.page_align { min-width: 0; width: auto; }

	.path { float: none; width: auto; margin-left: 15px; margin-top: 0; padding-top: 11px; }

	.content { float: none; width: auto; margin-left: 15px; padding-right: 0; margin-right: 15px; }

	.afisha { float: none; width: 100%; margin: 10px 0 0 0; text-align: center; }
	.bike { text-align: left; margin: 0 12px 24px;}
	.bike .title { margin-top: 12px; }

	.afisha .paginator { text-align: left; padding-left: 15px; padding-right: 15px; }

	.guestbook-btn { margin-left: 0; right: 15px; }


	iframe { max-width: 100%; }

	.menu_bottom1 { width: auto; height: auto; }
	.menu_bottom2 { width: auto; height: auto; }
	.spisok { width: auto; height: auto; position: relative; }
	.spisok ul { text-align: left; }
	.spisok ul li { float: none; width: auto; display: inline-block; }
	.spisok ul li a { font-size: 14px; padding: 0 5px 0 15px; }
	.spisok_phone { width: auto; float: none; padding-left: 40px; text-align: left; position: absolute; right: 0; top: 0; font-size: 14px; }
	.spisok_phone p { font-size: 16px; }

	.end .right-part { display: none; }

	.end_ul { vertical-align: top; width: 33%; margin: 5px 0 0 0; padding: 0 0 15px 15px; box-sizing: border-box; }

	.fgpm { font-size: 11px; }

	.menu_bottom2 { background-position: right 18px bottom 18px; }

	.overdialog .product { width: 580px; }
	.overdialog .product .prod-left { width: 320px; }
	.overdialog .product .prod-right { width: 260px; }

	.overdialog .product .prod-title { font-size: 19px; }
	.overdialog .product .prod-price { font-size: 19px; }
	.overdialog .product .prod-price b.rarr { margin: 0 5px 0 1px; }
	.overdialog .product .free-delivery { font-size: 16px; }

	.overdialog .menu_dialog_top { width: 610px; padding-left: 10px; padding-right: 10px; font-size: 14px; }
	.overdialog .menu_dialog_top ul li { margin-right: 20px; }
	.overdialog .menu_dialog_top .dialog_phone { font-size: 16px; }

	.overdialog .overdialog-close { top: -64px; }

	.overdialog-page { padding-top: 32px; }

	.viber-mobile { display: block; text-align: center; }
	.viber-mobile > a { display: inline-block; line-height: 0; }
	.viber-mobile > a + a { margin-top: 15px; margin-left: 15px; }
	.viber-mobile .social-block { margin-top: 15px; }

	.social-block span { font-size: 0; }

}