.hamburger {
	display: block;
	width: 30px;
	height: 4px;
	background: #333;
	position: relative;
	transition: all 0.3s ease;
}

.hamburger:before,
.hamburger:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 4px;
	background: #333;
	transition: all 0.3s ease;
}

.hamburger:before {
	top: -10px;
	left: 0;
}

.hamburger:after {
    top: 10px;
    left: 0;
}

/* Состояние открытого меню */
.menu-toggle.active .hamburger {
	background: transparent;
}

.menu-toggle.active .hamburger:before {
	transform: rotate(45deg);
	top: 0;
}

.menu-toggle.active .hamburger:after {
	transform: rotate(-45deg);
	top: 0;
}
/**/

@media (max-width: 768px) {
	html, body {
	  min-width: 320px; /* Минимальная ширина для мобильных */
	  min-height: 100vh; /* Минимальная высота = высоте экрана */
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
	}
	body {
	    background: fixed transparent url(/images/img/body.jpg) top center repeat;
	}
	img:not(.captch_key) {
		max-width: 100% !important;
		height: auto;
		width: auto !important;
		box-sizing: border-box;
	}
	
	article section h1 {
		line-height: 25px;
	}
	article section.top div.conteiner *,
	article section h1{
		font-size: 17px !important;
	}
	article section.content h2{
		font-size: 16px;
	}
	article section.content h3{
		font-size: 14px;
	}
	article section.content h3{
		font-size: 13px;
	}
	article section[class] h1.h16, 
	article section[class] h3.h16{
		font-size:12px;
	}
	article section[class] h1.h17, 
	article section[class] h3.h17{
		font-size:13px;
	}
	article section[class] h1.h18, 
	article section[class] h2.h18, 
	article section[class] h3.h18{
		font-size:14px;
	}
	article section[class] h1.h19, 
	article section[class] h3.h19{
		font-size:15px;
	}
	article section[class] h1.h20, 
	article section[class] h3.h20{
		font-size:16px;
	}
	article section[class] h1.h21, 
	article section[class] h2.h21, 
	article section[class] h3.h21{
		font-size:16px;
	}
	article section[class] h1.h22{
		font-size:16px;
	}
	article section[class] h1.h23{
		font-size:16px;
	}
	
	.mbl_hdn { /*если нужно что-то скрыть от мобилок*/
		display: none !important
	}
	.mbl_dsp {/*если нужно что-то показать мобилкам*/
		display: block !important
	}

	/* Показываем кнопку бургера */
	.menu-toggle {
		display: block;
		position: fixed;
		top: 15px;
        left: 5px;
	}
  
  	section.gl .sub{
		display: none;
	}

	/* Скрываем обычное меню */
	section.gl nav.gl_menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #f3e8d8;
		z-index: 1000;
		padding: 0;
		margin:0;
		box-sizing: border-box;
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
	}
  
	/* Показываем меню при активации */
	section.gl nav.gl_menu.active {
		display: block;
		transform: translateX(0);
	}
  
	/* Адаптируем пункты меню */
	section.gl nav.gl_menu.active ul.top {
		/* flex-direction: column; */
		/* align-items: flex-start; */
		margin: 10px 0 0 0;
		padding:0;
		float: none;
	}
  
	section.gl nav.gl_menu.active ul.top li {
		margin: 0;
		height: auto;
		width: 100%;
		background: none;
		display: inline-block !important
	}
	
	section.gl nav.gl_menu.active ul.top li a{
		margin:0;
		padding:0;
		height: 35px;
		line-height: 35px;
	}
	  
	/*.gl_menu:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background1: rgba(0,0,0,0.5);
		display: none;
	}

	.gl_menu.active:before {
		display: block;
	}*/
	
	section.gl{
		width: auto;
		margin:0;
		padding:0;
	}
	
	section.gl header.gl {
		width: 100%;
	}
	section.gl header.gl .na_gl {
		display: none;
	}
	
	section.gl article{
		width: 100%;
		background-position: center;
	}
	article section.top {
        width: 100%;
        max-width: 100%;
        padding: 15px;
        box-sizing: border-box;
        margin: 0;
	}
  	article nav.left_menu	{
		display: none;
	}
	
	article section.content{
        float: left;
        width: 100%;
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
	}

	
	/*все-события в календарях*/
	article section.top table.sp.rashir{
		width: 100%;
		max-width: 100%;
	}
	article section.top table.sp {
		margin: 0;
		max-width: 100%;
		min-width: 100%;
	}
	/**/

	/* ссылка слеж календари*/
	article section.content .cbox.fr, a.more_r {
		 float: left;
		 clear: both;
	}
	/**/

	/*страница контакты*/
	article section.content.contact_form,
	article section.content.contact_form .error {
		width:100%;
		box-sizing: border-box;
	}
	.content.contact_form .label_info_table {
		width:100%;
		box-sizing: border-box;
	}
	.content.contact_form .label_info_table textarea {
		width:100%;
		box-sizing: border-box;
	}
	.label_info_table .subm_ml {
		padding-left: 0
	}
	/**/
	
	/*следующие статьи, календари - красивые блоки*/
	div.stati section.list_stati .box,
	article.stati section.list_stati .box,
	article section.content .dalee .box{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
	article.stati section.list_stati .box h3,
	article section.content .dalee .box h3{
		hyphens: auto !important;
		overflow-wrap: break-word !important; /* На случай, если hyphens не поддерживается */
		font-size: 13px !important;
	}
	div.stati section.list_stati .box img,
	article.stati section.list_stati .box img,
	article section.content .dalee .box img{
		border-radius: 10px !important;
		max-width: 130px!important;
		height: auto;
	}
	div.stati section.list_stati p,
	article.stati section.list_stati p,
	article section.content .dalee p{
		text-align:left !important;
		hyphens: auto !important;
		overflow-wrap: break-word !important; /* На случай, если hyphens не поддерживается */
	}
	.stati .list_stati .box b,
	article section.content .dalee .box h3{
		padding-top: 7px;
		padding-left: 7px;
	}
	
	/*список статей*/
	div.stati section.list_stati p,
	article.stati section.list_stati p{
		padding: 8px 0 12px 10px !important;
	}
	article.stati section.list_stati .box img,
	div.stati section.list_stati .box img{
		float: left;
		height: auto;
		margin: 0 17px 0 0;
		box-shadow: 0 0 5px 0 #888;
		opacity: 0.9;
	}
	.stati .list_stati .box figure {
		width: auto;
		height: auto;
		overflow: unset;
		margin: 0;
		box-shadow: unset;
		border-right: 0;
		border-right: 1px solid #9f9f9f;
		float: unset;
	}
	/**/
	
	/*теги*/
	article section.content .tags {
		padding:0 !important;
	}
	.tags table, .tags tbody, .tags tr, .tags td {
		display: block;
		width: 100% !important
	}
	/**/
  
	/*сонник*/
	.content.sonnik .spisok_slov .rht {
		display: none
	}
	article section.content.sonnik {
		width: 100%;
		padding: 25px 25px 25px 25px;
		box-sizing: border-box;
		margin: 0 
	}
	.content.sonnik .spisok_slov .lft {
		width: 100%;
		margin: 0
	}
	.content.sonnik .top_sonnik .search_box .search_input{
		width: 50%
	}
	.content.sonnik .top_sonnik ol {
		width: 100%
	}
	.content.sonnik .righter,
	.content.sonnik .sidenav{
		display: none
	}
	.content.sonnik .main{
		padding:0;
		border:0;
		float: left;
		width: 100%;
	}
	.content.sonnik .lft_grup{
		float: left;
		margin: 0;
		width: 100%;
	}
	.spisok_slov .lft .info {
		width: 100%;
		box-sizing: border-box;
	}
	.content.sonnik .main .word h1.str25 {
		line-height: 25px;
	}
	.qtip{
		max-width: 200px !important;
	}
	/**/
	
	/*общий пагинатор*/
	#pagination li:first-child,
	#pagination li:last-child {
		display: none
	}
	/**/
	
	/*кешеляр*/
	.keshe select{
		width: 180px !important;
	}
	.keshe input[type="text"]{
		width: 174px !important;
	}
	.keshe select,
	.keshe input[type="text"]{
		float: left !important;
		clear: left !important;
		margin: 0 0 5px 0 !important;
	}
	.keshe .strelka{
		display: none
	}
	/**/

	/*поля формы*/
	article section.content .frm .dom {
		margin: 0;
		clear: both;
	}
	article section.content .frm .hs {
		width: 90px;
	}
	article section.content .frm .inselct.chas.f{
		float: left;
		clear: left;
		margin-left: 0
	}
	article section.content .frm .inselct.chas,
	article section.content .frm .inselct.tz,
	article section.content .frm .inselct.gender {
		width: 43px;
		margin-top: 5px;
	}
	article section.content .frm .toch {
		margin-top: 7px;
	}
	article section.content .frm .states.lft {
		margin: 0 0 0 4px;
		float: left;
		clear: left;
	}
	/**/

	/*popup выбор региона*/
	/*table.popup_region,
	table.popup_region tbody,
	table.popup_region tr td,
	table.popup_region tr td{
		display: block;
	}*/
	/**/

	/*анализ карт натала chart*/
	.charts .analyse {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
		width: 100%;
		max-width: 100%;
		border: 1px dashed #7c6957;
		border-radius: 12px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		margin: 5px 0 10px 0;
		box-sizing: border-box;
	}
	.charts .analyse .toolbox.ai .zametki,
	.charts .analyse .toolbox.ai .act,
	.charts .analyse .toolbox.ai .tool .longcalc_tip,
	article section.content .frm .comment {
		width: 82%;
		min-width: 82%;
		max-width: 82%;
	}
	.charts .analyse .toolbox.ai .block .question{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.charts .choice_analyse .subm.mobile {
		clear: both;
		margin: 5px 0 0 0;
		float: left;
	}
	.charts .choice_analyse button.small3 {
		margin:0
	}
	
	article section.content .frm .button.dinamic {
		float: left !important;
		clear: left;
		margin-top: 10px;
		display: none
	}
	/**/

	/*личный кабинет*/
	table.astroclub,
	table.subscr1,
	table.reg_user,
	table.personal {
		width: auto;
		margin: auto;
	}
	table.astroclub .label_info, 
	table.personal .label_info, 
	table.subscr1 .label_info, 
	table.astroclub #label_info,
	table.reg_user #label_info,
	table.personal #label_info,
	table.personal .label_info_top {
		text-align: left;
		padding: 10px 6px 0px 0;
	}
	table.astroclub tr td,
	table.subscr1 tr td,
	table.reg_user tr td,
	table.personal tr td{
		display: block;
	}
	ol.list_myadvert li{
		width:100%;
		box-sizing: border-box
	}
	ol.list_myadvert li.thri {
		margin: 0 0 20px 0;
		background: #ece5db;
		float: left;
	}
	
	table.add_adv.astroclub .reg_d {
		padding-top:0;
	}
	/**/
	
	/*календари метод подбора*/
	.tabs {
		width: 100%;
	}
	.tabs label {
		width: auto;
		padding: 0 9px;
	}
	.tabs table,
	.tabs table tbody,
	.tabs table tr td,
	.tabs table tr td{
		display: block;
	}

	.tbl_month tr:first-child td, .tbl_month.rows2 tr:first-child td {
		min-width: auto;
	}
	.tbl_month tr td {
		padding: 3px 2px 3px 2px;
	}
	/**/

	/*подсказки в таблицах в личном кабинете и в календарях метод подбора*/
	.helps_td, #helps_td {
		display: none;
	}
	/**/

	/*2 блока общие календари на сегодня и на месяц*/
	article section.content .dalee_dop .box.r {
		margin-left: 0;
		clear: both;
	}

	/* гороскопы */
	article section.content .pg ul {
		margin: 5px 0 10px 0;
	}
	article section.content .pg ul li.fs,
	article section.content .pg ul li.ls,
	article section.content .pg ul li.v7{
		display: none;
	}
	article section.content .pg ul li {
		width: 100%
	}
	article section.content.horo_zn section.txt {
		padding-top: 10px;
	}
	/*section.horo_zn .talk .markdown-body{
		clear: left;
		float: left;
	}*/
	/**/
 
	/* для любых таблиц если широкие */
	.on_mobile_overflow{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
		width: 100%;
		max-width: 100%;
		border: 1px dashed #7c6957;
		border-radius: 12px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		margin: 7px 0 15px 0;
		box-sizing: border-box;
		padding: 5px;
	}
	
	/*доп настройки календарей*/
	article section.content .nastr_calend{
		margin-bottom:25px
	}
	/**/

	/*пагиницая по знакам в календаре камни-по-знакам-зодиака-и-время-ношения-камней/ноябрь*/
	/*section.pg.znaki table tr,
	section.pg.znaki table tr td{
		float: left
	}*/
	/**/
	
	/*комменты*/
	section.comnt_view .div_form_id form {
		box-sizing: border-box;
		width: 100%;
	}
	section.comnt_view .div_form_id form table,
	section.comnt_view .div_form_id form table tbody,
	section.comnt_view .div_form_id form table tr td,
	section.comnt_view .div_form_id form table tr td{
		display: block;
	}

	section.comnt_view .div_form_id form table tr td .intxt{
		width: 100%;
	}
	/**/

	/*затмения блок верхний*/
	article section.content p.mag1{
		margin-left:0 !important
	}
	/**/
	
	/*астроклуб*/
	article section.pro_lun p{
		text-align: left
	}
	article section.top .tbl_price_box.education .tbl_price.sredn {
		margin-left: 0;
	}
	/**/
	
	/*методы подбора в календарях*/
	article .cd-multi-steps{
		overflow: hidden;
	}
	/**/
	
	/*в календарях*/
	article section.content dl.sp h2 {
		font-size: 14px !important;	
	}
	/**/
	
	/*футер*/
	section.gl div.footers {
		width: 100%;
        background-position: top center;
        vertical-align: top;
	}
	
	section.bot_text {
		display: none;
	}
	/* Преобразуем таблицу в блочную структуру */
	footer{
		/* background: #4E6175; */
		padding: 25px 0 0 0;
	}
	footer table{
		float:left
	}
	footer table td:last-child,
	footer table td:first-child{
		padding: 0;
	}
	footer table, footer tbody, footer tr, footer td {
		display: block;
		width: 100% !important;
		background: #4E6175;
	}

	/* Стили для ячеек */
	footer table td {
		padding: 0;
		/* border-bottom: 1px solid #eee; */
	}

	/* Скрываем разделительную линию */
	footer tr.ln {
		display: none;
	}

	/* Центрируем копирайт */
	footer tr.cop td {
	text-align: center;
	padding: 20px 10px;
	}

	/* Уменьшаем заголовки */
	footer td h1 {
		font-size: 1.3rem;
		margin-bottom: 10px;
		margin-left: 10px;
		/* color: #444; */
	}

	/* Стили для списков */
	footer td ul {
		padding-left: 20px;
		margin-bottom: 10px;
	}

	footer td ul li {
		margin-bottom: 5px;
		font-size: 19px;
		line-height: 29px;
	}

	/* Особые стили для первой ячейки с вложенной таблицей */
	footer > table > tbody > tr > td:first-child table {
		width: 100%;
	}

	footer > table > tbody > tr > td:first-child table tr {
		display: block;
		margin-bottom: 15px;
	}

	footer > table > tbody > tr > td:first-child table td {
		padding: 0;
		border: none;
	}

	footer > table > tbody > tr > td:first-child table td ul {
		padding-left: 25px;
	}

	footer .copyr {
		float: none;
	}
  
}