/**
 * Мобильная адаптация сайта евроразбор.рф
 * 23.09.2026. Все правила действуют только на узких экранах,
 * десктопная вёрстка (1190px) не затрагивается.
 */

@media (max-width: 900px) {

	/* ---------- база ---------- */
	#wrapper {
		overflow-x: hidden;
	}
	body {
		font-size: 14px;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}
	#content p,
	#content li,
	#content td {
		line-height: 1.5;
	}

	/* форма входа прячется за ссылку «Войти» (класс ставит mobile.js) */
	#superheader .mobile-login-toggle {
		display: inline-block;
		padding: 6px 0;
		font-size: 14px;
		color: #0585B9;
		background: none;
		border: none;
		cursor: pointer;
	}
	#superheader li.right.mobile-collapsed > form {
		display: none;
	}
	#superheader li.right.mobile-collapsed.mobile-open > form {
		display: block;
	}
	img,
	iframe,
	embed,
	object,
	video {
		max-width: 100%;
		height: auto;
	}

	/* все фиксированные контейнеры 1190px -> по ширине экрана */
	#header,
	#header > .splash > .container,
	#superheader ul.navigation,
	#title,
	#content,
	#footer > .container,
	.search,
	div.three-features .container {
		width: auto !important;
		max-width: 100%;
		height: auto !important;
		box-sizing: border-box;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: 0;
		margin-right: 0;
	}
	#header > .splash {
		height: auto !important;
	}

	/* ничто внутри шапки, поиска, контента и подвала не шире экрана:
	   в старых стилях много фиксированных ширин с высокой специфичностью */
	#header, #header *,
	#superheader, #superheader *,
	.search, .search *,
	#title, #title *,
	#content, #content *,
	#footer, #footer * {
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* ---------- шапка ---------- */
	#header > .splash > .container > .logo,
	#header > .splash > .container > .logo > .left_side,
	#header > .splash > .container > .logo > .work_time,
	#header > .splash > .container > .logo > .we_on,
	#header > .splash > .container > .logo > .right_side,
	#header > .splash > .container > .logo > .right_side > .menu {
		position: static !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 0;
		text-align: left;
	}
	#header > .splash > .container > .logo > .left_side {
		padding: 12px 0 8px;
	}
	#header > .splash > .container > .logo > .left_side img {
		max-width: 220px;
	}
	#header > .splash > .container > .logo > .work_time {
		padding: 6px 0;
		font-size: 13px;
		line-height: 1.45;
	}
	#header > .splash > .container > .logo > .work_time > img {
		position: static !important;
		display: none;
	}
	#header > .splash > .container > .logo > .we_on {
		padding: 8px 0;
	}
	#header > .splash > .container > .logo > .right_side > .phone {
		position: static !important;
		left: auto !important;
		top: auto !important;
		list-style: none;
		padding: 8px 0 12px;
	}
	#header > .splash > .container > .logo > .right_side > .phone li {
		float: none !important;
		padding: 4px 0 !important;
		font-size: 16px;
		text-align: left !important;
	}
	#header > .splash > .container > .logo > .right_side > .phone li div {
		text-align: left !important;
	}
	#header > .splash > .container > .logo > .right_side > .phone li div a {
		margin-right: 6px;
	}

	/* ---------- компактная шапка: логотип + корзина + меню ---------- */
	.mobile-topbar {
		display: flex;
		align-items: center;
		padding: 10px 0 6px;
	}
	.mobile-topbar > .left_side {
		flex: 1 1 auto;
		padding: 0 !important;
		min-width: 0;
	}
	.mobile-topbar > .left_side img {
		max-width: 190px;
		display: block;
	}
	.mobile-topbar > .cart_header {
		flex: 0 0 auto;
		padding: 0 10px;
		font-size: 13px;
		white-space: nowrap;
	}
	.mobile-topbar > .cart_header img {
		vertical-align: middle;
	}
	.mobile-topbar > .mobile-menu-toggle {
		flex: 0 0 auto;
		width: auto !important;
		margin: 0 !important;
		padding: 10px 12px !important;
		font-size: 0 !important;
		line-height: 1;
	}
	.mobile-topbar > .mobile-menu-toggle:before {
		content: "\2261";
		font-size: 24px;
		line-height: 1;
	}
	.mobile-hidden {
		display: none !important;
	}
	#footer .we_on {
		padding: 6px 0;
	}
	#footer .we_on img {
		width: 70px;
		margin-left: 8px;
		vertical-align: middle;
	}

	/* ---------- главное меню: кнопка «Меню» ---------- */
	.mobile-menu-toggle {
		display: block;
		width: 100%;
		margin: 8px 0;
		padding: 12px 14px;
		font: inherit;
		font-size: 16px;
		text-align: left;
		color: #2a3136;
		background: #f4f5f7;
		border: 1px solid #d8dbe0;
		border-radius: 6px;
		cursor: pointer;
	}
	.mobile-menu-toggle:before {
		content: "\2261\00a0\00a0";
		font-size: 20px;
		line-height: 1;
	}
	#header .right_side > .menu.mobile-collapsed {
		display: none;
	}
	#header .right_side > .menu.mobile-collapsed.mobile-open {
		display: block;
	}
	#header > .splash > .container > .logo > .right_side > .menu > li {
		float: none !important;
		display: block;
		padding: 0 !important;
		border-bottom: 1px solid #eceef1;
	}
	#header > .splash > .container > .logo > .right_side > .menu > li a {
		display: block;
		padding: 12px 4px;
		font-size: 16px;
	}

	/* ---------- верхнее меню ---------- */
	#superheader ul.navigation {
		height: auto !important;
		padding: 8px 16px !important;
		overflow: hidden;
	}
	#superheader ul.navigation > li {
		float: none !important;
		display: inline-block;
		padding: 6px 14px 6px 0 !important;
		margin-left: 0 !important;
		font-size: 14px;
	}
	/* «Забыли пароль / Регистрация / Войти» — одной строкой, а не тремя */
	#superheader ul.navigation > li.right,
	#superheader ul.navigation > li.last {
		float: none !important;
		display: inline-block;
		margin-right: 16px !important;
		padding: 4px 0 !important;
	}
	#superheader ul.navigation > li.right.mobile-open {
		display: block;
		width: 100%;
	}
	/* форма входа: два поля в строку + компактная кнопка, чтобы не занимала полэкрана */
	#superheader ul.navigation > li.right > form > .row {
		float: left;
		width: 50%;
		padding: 4px 0;
		box-sizing: border-box;
	}
	#superheader ul.navigation > li.right > form > .row:nth-child(2) {
		padding-left: 8px;
	}
	#superheader ul.navigation > li.right > form > .row:last-child {
		float: none;
		clear: both;
		width: auto;
	}
	#superheader ul.navigation > li.right > form input[type="text"],
	#superheader ul.navigation > li.right > form input[type="password"] {
		width: 100% !important;
		box-sizing: border-box;
		height: 36px;
		font-size: 16px;
	}
	#superheader ul.navigation > li.right > form input[type="submit"] {
		width: 100% !important;
		height: 36px;
	}

	/* ---------- поиск ---------- */
	.search {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.search ol {
		float: none !important;
		width: auto !important;
		padding: 0 0 10px 18px;
		font-size: 12px;
		line-height: 1.5;
	}
	.search ol.mobile-collapsed,
	.model_layout .notation .hints.mobile-collapsed {
		display: none;
	}
	.model_layout .notation .hints.mobile-collapsed.mobile-open {
		display: block;
	}
	.model_layout .notation .hints ul {
		padding-left: 18px;
		font-size: 13px;
		line-height: 1.5;
	}
	.search ol.mobile-collapsed.mobile-open {
		display: block;
		padding-top: 10px;
	}
	.mobile-hints-toggle {
		display: inline-block;
		margin: 8px 0 0;
		padding: 4px 0;
		font: inherit;
		font-size: 13px;
		color: #0585B9;
		background: none;
		border: none;
		border-bottom: 1px dotted #0585B9;
		cursor: pointer;
	}
	/* перенесённые из верхней полосы пункты — тот же вид, что у пунктов меню */
	#header .right_side > .menu > li.mobile-moved a {
		font-size: 15px;
	}
	#header .right_side > .menu > li.mobile-moved.active a {
		font-weight: 700;
	}
	.search .term {
		display: block;
		width: auto !important;
	}
	/* поиск — главный элемент первого экрана, делаем его заметным */
	.search .term input[type="text"] {
		width: 100% !important;
		box-sizing: border-box;
		height: 48px;
		font-size: 16px; /* меньше 16px — iOS зумит страницу при фокусе */
		padding: 0 12px;
		border: 1px solid #b9c2ca;
		border-radius: 8px;
		background: #fff;
	}
	.search .term input[type="text"]:focus {
		border-color: #0585b9;
		outline: none;
	}
	/* кнопка поиска — иконка внутри поля справа (в исходных стилях она absolute) */
	.search .term input[type="text"] {
		padding-right: 52px;
	}
	.search .term input[type="submit"] {
		position: absolute !important;
		right: 0;
		left: auto !important;
		top: 0 !important;
		width: 48px !important;
		height: 48px !important;
		margin: 0 !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	/* ---------- заголовок и корзина ---------- */
	#title {
		padding-top: 12px;
		padding-bottom: 8px;
	}
	#title .cart_header {
		float: none !important;
		display: block;
		padding-bottom: 8px;
	}
	#title h1,
	#content h1 {
		font-size: 22px;
		line-height: 1.25;
		word-wrap: break-word;
	}
	#content h2 {
		font-size: 18px;
		line-height: 1.3;
	}

	/* ---------- порядок блоков на телефоне ----------
	   на десктопе сверху баннеры, потом поиск. На телефоне первый экран
	   должен решать задачу клиента: найти запчасть, поэтому поиск наверх,
	   рекламные баннеры — в конец. */
	#content_wrapper {
		display: flex;
		flex-direction: column;
	}
	#content_wrapper > .search_bg {
		order: 1;
	}
	#content_wrapper > #title {
		order: 2;
	}
	#content_wrapper > #content {
		order: 3;
	}
	#content_wrapper > .three-features {
		order: 4;
	}

	/* ---------- главная: три блока ---------- */
	/* на телефоне это три экрана рекламы — ужимаем в компактные строки */
	div.three-features .container .list img {
		width: 44px;
		height: auto;
		vertical-align: middle;
	}
	div.three-features .container .list > div > span {
		font-size: 14px;
		line-height: 1.3;
	}
	div.three-features .container .list > span {
		font-size: 13px;
		line-height: 1.45;
		color: #7a7a7a;
	}

	div.three-features,
	div.three-features .container {
		height: auto !important;
	}
	div.three-features {
		padding-bottom: 20px;
	}
	.search_bg {
		padding-top: 10px;
	}
	div.three-features .container .list,
	div.three-features .container .list:nth-child(2),
	div.three-features .container .list:nth-child(3) {
		width: auto !important;
		float: none !important;
		padding-bottom: 16px;
	}

	/* на главной каталог важнее объявлений и новостей — ставим его первым */
	#content .index_layout {
		display: flex;
		flex-direction: column;
	}
	#content .index_layout > * {
		order: 4; /* всё остальное (новости, разделители) — после каталога */
	}
	#content .index_layout > .tabs {
		order: 1;
	}
	#content .index_layout > .tab-content {
		order: 2;
	}
	#content .index_layout > .attention {
		order: 3;
	}
	/* объявлений на телефоне хватает двух последних */
	#content .index_layout > .attention ~ .attention ~ .attention {
		display: none;
	}
	/* отдельный блок «Новости» дублирует объявления — на телефоне скрыт (класс ставит mobile.js) */
	#content .mobile-hidden {
		display: none !important;
	}

	/* ---------- главная и статические страницы: колонки в один столбец ---------- */
	#content .index_layout div.casual,
	#content .index_layout div.casual.right,
	#content .index_layout div.truck,
	#content .index_layout .tab-content,
	#content .cars_layout > ul,
	#content .cars_layout > ul.right_column,
	#content .trucks_layout > ul,
	#content .trucks_layout > ul.right_column {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* списки марок: были 5 колонок по 20% — названия налезали друг на друга */
	#content .index_layout div.casual .border > ul > li,
	#content .trucks_layout > ul.firms_list > li,
	#content .spares_new_layout > ul.firms_list > li {
		float: none !important;
		width: 100% !important;
	}
	/* у списка марок была своя полоса прокрутки и фиксированная высота строк */
	#content .index_layout div.casual .border,
	#content .index_layout div.casual .border > ul {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
	}
	#content .index_layout div.casual .border > ul > li > ul > li {
		height: auto !important;
		line-height: normal !important;
		display: block;
	}
	#content .index_layout div.casual .border > ul > li > ul > li a,
	#content .index_layout div.casual .border > ul > li > a,
	#content .trucks_layout ul.firms_list li a,
	#content .spares_new_layout ul.firms_list li a {
		display: block;
		padding: 11px 4px;
		font-size: 15px;
		text-decoration: none;
		border-bottom: 1px solid #ededed;
	}

	/* «Левый руль / Правый руль» — вкладки во всю ширину */
	#content .index_layout .tabs .tab {
		display: inline-block;
		float: none !important;
		min-width: 45%;
		padding: 12px 8px;
		text-align: center;
		font-size: 15px;
		box-sizing: border-box;
	}

	/* форма запроса з/ч в правой колонке */
	#content .truck > form label,
	#content .truck > form .field,
	#content .truck > form select,
	#content .truck > form textarea,
	#content .truck > form input[type="text"] {
		width: 100% !important;
		float: none !important;
		box-sizing: border-box;
	}
	#content .truck > form input[type="submit"] {
		position: static !important;
		width: 100%;
		min-height: 46px;
		margin-top: 10px;
	}

	/* виджет ВКонтакте шириной 600px */
	#content #vk_groups,
	#content #vk_groups iframe,
	#content [id^="vkwidget"] {
		width: 100% !important;
	}

	/* ---------- закреплённая полоса «Позвонить» ---------- */
	/* чат Cloudim на телефоне отключён: дублирует WhatsApp и Telegram, занимал низ экрана */
	#cloudim_chat,
	#cldm_eula_widget-wrapper {
		display: none !important;
	}

	.mobile-call-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		display: flex;
		gap: 8px;
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.96);
		border-top: 1px solid #dfe3e7;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
	}
	.mobile-call-bar a {
		flex: 1;
		min-height: 46px;
		line-height: 46px;
		text-align: center;
		font-size: 16px;
		text-decoration: none;
		border-radius: 8px;
	}
	.mobile-call-bar .mobile-call {
		background: #0585b9;
		color: #fff;
	}
	.mobile-call-bar .mobile-whatsapp {
		background: #fff;
		color: #1faa53;
		border: 1px solid #1faa53;
	}

	/* полоса звонка перекрывает подвал — даём запас */
	#footer {
		padding-bottom: 80px;
	}

	/* фильтр по марке над списком */
	.mobile-brand-filter {
		width: 100%;
		box-sizing: border-box;
		height: 42px;
		margin: 8px 0;
		padding: 0 12px;
		font-size: 16px;
		border: 1px solid #cfd6dc;
		border-radius: 8px;
	}
	.mobile-brand-filter:focus {
		border-color: #0585b9;
		outline: none;
	}

	/* часы работы, перенесённые в подвал */
	#footer .work_time.mobile-moved {
		font-size: 13px;
		line-height: 1.5;
		color: #6b6b6b;
	}

	/* окно «новинки» показывается раз на браузер: было width:800px и
	   margin-left:-400px — на телефоне уезжало за левый край */
	.modal-info {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		top: 50% !important;
		transform: translateY(-50%);
		width: auto !important;
		height: auto !important;
		max-height: 80vh;
		overflow-y: auto;
		margin: 0 !important;
		padding: 16px !important;
		z-index: 1100;
	}
	.modal-info ul {
		width: auto !important;
		margin-top: 8px !important;
	}
	.modal-info ul li {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.45;
	}
	.modal-info__cross {
		top: 12px;
		right: 12px !important;
		width: 18px !important;
	}
	.modal-info__btn {
		width: 100%;
		min-height: 46px;
		margin-top: 14px;
		font-size: 16px;
	}

	/* ---------- прочие фиксированные блоки ---------- */
	.intro,
	.modal-info,
	.modal-info ul,
	div.news.all,
	.products-intro div.text,
	.order-desc,
	.products-list .item,
	.products-list .item .content {
		width: auto !important;
		max-width: 100% !important;
		float: none !important;
	}
	.products-list .item > .images img {
		width: auto;
		max-width: 100%;
	}

	/* ---------- каталог марок и моделей: колонки -> один список ---------- */
	#content .brands_layout > ul > li {
		float: none !important;
		width: auto !important;
		height: auto !important;
		list-style: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	#content .brands_layout ul ul > li {
		list-style: none;
		margin-left: 0 !important;
	}
	#content .brands_layout a {
		display: block;
		padding: 12px 4px;
		font-size: 15px;
		text-decoration: none;
		border-bottom: 1px solid #ededed;
	}

	/* список категорий и запчастей модели — ссылки в строку целиком */
	#content .model_layout > ul > li,
	#content .spares_layout > ul > li {
		float: none !important;
		width: auto !important;
		list-style: none;
		margin-left: 0 !important;
	}
	/* категории и запчасти — это span'ы с обработчиком клика, не ссылки */
	#content .model_layout > ul > li > a,
	#content .model_layout > ul > li > span,
	#content .spares_layout > ul > li > a,
	#content .spares_layout > ul > li > span,
	#content .model_layout ul ul > li > span {
		display: block;
		padding: 12px 4px;
		font-size: 15px;
		text-decoration: none;
		border-bottom: 1px solid #ededed;
	}

	/* кнопка «наверх» — в правый нижний угол, а не поверх текста */
	#to_top {
		left: auto !important;
		right: 12px !important;
		top: auto !important;
		bottom: 16px !important;
		opacity: 0.9;
		z-index: 50;
	}

	/* ---------- таблица запчастей -> карточки ---------- */
	#content .items_list table,
	#content .items_list tbody,
	#content .items_list tr,
	#content .items_list td {
		display: block;
		width: auto !important;
		box-sizing: border-box;
	}
	#content .items_list thead {
		display: none;
	}
	#content .items_list table > caption {
		display: block;
		width: auto !important;
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		padding: 12px 0 4px;
	}
	/* фото товара — по центру карточки */
	#content .items_list tbody tr > td:first-child {
		text-align: center !important;
	}
	#content .items_list tbody tr > td:first-child img {
		max-width: 100%;
	}
	#content .items_list tr {
		border: 1px solid #dfe2e6;
		border-radius: 8px;
		margin: 0 0 12px;
		padding: 10px 12px;
		overflow: hidden;
	}
	#content .items_list td {
		padding: 4px 0 !important;
		border: none !important;
		text-align: left !important;
	}
	#content .items_list td.prices {
		font-size: 18px;
		font-weight: 700;
	}
	#content .items_list ul.delivery {
		list-style: none;
		padding: 0;
	}
	#content .items_list .qr-code {
		display: none;
	}
	#content .items_list a.button,
	#content .items_list input[type="submit"],
	#content .items_list button {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		min-height: 44px;
		line-height: 44px;
		padding: 0 12px;
	}

	/* ---------- корзина ---------- */
	#content .cart_layout .buttonset,
	#content .cart_layout .buttonset > div,
	#content .cart_layout .buttonset > div > div {
		float: none !important;
		width: auto !important;
		text-align: left !important;
	}
	#content .cart_layout .buttonset button,
	#content .cart_layout .buttonset input[type="submit"] {
		display: block;
		width: 100%;
		margin: 8px 0;
		min-height: 46px;
		font-size: 16px;
		box-sizing: border-box;
	}
	/* «Оформить заказ» — главное действие (класс ставит mobile.js) */
	#content .mobile-primary {
		background: #0585b9 !important;
		color: #fff !important;
		border: 1px solid #046f9b !important;
		border-radius: 6px;
	}
	#content .mobile-primary[disabled] {
		opacity: 0.5;
	}
	#content .cart_layout .buttonset label,
	#content .cart_layout .buttonset a {
		display: inline-block;
		padding: 8px 0;
		font-size: 15px;
	}
	#content .cart_layout div.total {
		font-size: 17px;
		font-weight: 700;
		padding: 10px 0;
	}
	/* таблица корзины прокручивается вбок — подсказываем это тенью справа */
	#content .cart_layout table {
		border: 1px solid #e6e8eb;
	}

	/* ---------- «Подробные фото»: на телефоне фото занимало ~140px ----------
	   было: отступы по 60px + main 60% ширины + список превью 24% сбоку */
	/* было height:100vh — на телефоне это больше видимой области (адресная
	   строка), и низ окна уезжал за экран. Растягиваем по реальным краям. */
	.images-slider__modal {
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		height: auto !important;
		max-height: none !important;
		padding: 10px !important;
		overflow: hidden;
	}
	.images-slider__modal_content {
		flex-direction: column;
		height: 100% !important;
		max-height: 100%;
		padding: 10px !important;
		overflow: hidden;
	}
	.images-slider__main {
		width: 100% !important;
		flex: 1 1 auto;
		min-height: 0;
		padding: 0 !important;
	}
	.images-slider__main > img.active {
		max-height: 100%;
		max-width: 100%;
	}
	.images-slider__list {
		width: 100% !important;
		flex: 0 0 auto;
		margin-left: 0 !important;
		margin-top: 10px;
		padding: 0 !important;
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.images-slider__list img {
		max-height: 72px !important;
		margin-top: 0 !important;
		margin-right: 8px;
		border-radius: 8px;
	}
	.images-slider__arrow {
		width: 34px !important;
		height: 34px !important;
		margin-top: -17px;
		opacity: 0.75;
	}
	.images-slider__arrow_left {
		left: 2px !important;
	}
	.images-slider__arrow_right {
		right: 2px !important;
	}
	.images-slider__cross {
		top: 10px !important;
		right: 10px !important;
		width: 22px !important;
		opacity: 0.6;
	}

	/* ---------- прочие таблицы: горизонтальная прокрутка ---------- */
	#content table {
		max-width: 100%;
	}
	#content .cart_layout table,
	#content .orders_layout table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* карта на «Контактах» — атрибут height="480px" браузер игнорирует, остаётся 150px */
	#content iframe[src*="yandex"],
	#content iframe[src*="maps"],
	#content iframe[src*="constructor"] {
		width: 100% !important;
		height: 320px !important;
	}

	/* ---------- формы ---------- */
	#content input[type="text"],
	#content input[type="email"],
	#content input[type="tel"],
	#content input[type="password"],
	#content input[type="number"],
	#content select,
	#content textarea {
		max-width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		min-height: 40px;
	}
	#content .row > label {
		display: block;
		float: none !important;
		width: auto !important;
		padding-bottom: 4px;
	}
	#content .row > .field {
		margin-left: 0 !important;
		width: auto !important;
	}

	/* ---------- подвал ---------- */
	#footer {
		height: auto !important;
		margin-top: 20px !important;
		padding-bottom: 16px;
	}
	#footer > .container {
		margin: 0 auto !important;
		padding-top: 12px;
	}
	#footer > .container > ul.navigation {
		height: auto !important;
	}
	#footer > .container > ul.navigation > li {
		float: none !important;
		display: inline-block;
		padding: 6px 16px 6px 0 !important;
	}
	#footer > .container > .right {
		float: none !important;
		padding: 6px 0;
	}
	#footer > .container > ul > li {
		padding: 4px 0;
		line-height: 1.5;
	}
	#footer .counter {
		position: static !important;
		padding-top: 10px;
	}
}
