/* Стили для мобильных версий сайта nkaudit.ru */

/* Стили для планшетной версии (ширина 768px) */
@media (min-width: 768px) and (max-width: 1000px){
	.header_block{width: 750px;}
	.logo{margin-right: 50px;}
	/* Вслед за заголовком уменьшаем и основную часть */
	.content{width: 750px;}
	.header_banner img{width: 750px;}
.header_banner_mobile{display: none;}
	/* Правим отображение меню */
	.leftcol{width: 210px; margin-left: -4px; margin-top: 0px;}
	.menu{width: 210px; background: url("/bitrix/templates/main_adaptive/images/lcol_bg.gif")left repeat-y; background-size: 100%; margin-top: 4px;}
	.menu_t{width: 210px; margin-bottom: 10px;}
	.menu_b{width: 210px;}
	.menu ul{font-size: 0.825em;}
	/* Перенесем правую колонку под левую*/
	.rightcol{display:block; width: 180px; padding: 5px 15px 0px 15px; margin-top: 0px;}
        .lcbanner_mobile{display: none};
	/* Слегка увеличим ширину средней колонки */
	.centcol{width: 525px;}
        .lcimg1{width: 100%;}
	/* Правка подвала для корректного отображения*/
	.footer .fbody{width: 80%;}
	.footer .clink{width: 90px;}
	.footer .address{width: 200px;}
	.footer .copyrights{width: 170px;}
	/* Правка кроссбраузерной совместимости - на Firefox при перемещении правой колонки под левую она отображается ниже, чем нужно */
	@-moz-document url-prefix(){
		.rightcol{margin-top: 0px;}
	}
}

/* Стиль для мобильной версии (от 320px) */
@media only screen and (max-width: 767px){
	/* Настраиваем шапку */
	.header_block{width: 100%;}
	.header_elements{justify-content: center;}
	.logo{margin: 0 auto;}
	/* Убираем элементы шапки, кроме лого. Добавляем мобильную версию блока телефона */
	.icons{display: none;}
	.header_phone{display: none;}
	.header_banner{display: none;}
.header_banner_mobile{display: block;}
.header_banner_mobile img{width: 100%;}
	.header_phone_mobile{display: block; width: 100%;}
	.header_phone_mobile p{text-align: center; font-size: 1em; font-weight: bold; color: #008000;}
	.header_phone_mobile span{color: #919191;}
	/* Стили для мобильного меню */
	.mobile_menu{display: block; width: 100%; height: 50px; background: #b3dbaf; display: flex; justify-content: flex-start;}
	.mobile_menu_button{width: 55px; height: 35px; display: block; margin-top: 3px; margin-left: 5px; cursor: pointer;}
	.mobile_menu_button .menu{margin-left: -5px; margin-top: 10px; background: #eef7ec; width: 240px; padding-bottom: 5px;}
	.mobile_menu_button .menu ul{padding: 0px 0px;}
	/* Делаем сайт одноколоночным, колонка занимает 100% ширины экрана */
	.content{width: 100%; justify-content: center;}
	.centcol{width: 100%; margin-left: 5px; margin-right: 5px;}
	.centcol_body{padding: 15px 20px 10px 20px;}
	.leftcol{display: none;}
	.rightcol{display: block; padding-top: 15px;}
	/* Настраиваем подвал. Оставляем только адрес и сведения о разработчике */
	.footer{width: 100%;}
	.clink{display: none;}
	.footerbg{padding: 0px 5px 30px 5px;}
	.footer .fbody{float: left; width: 100%;}
	.footer_phone{display: none;}
	.footer .address{width: 170px;}
	.footer .copyrights{width: 130px;}
        table{width: 100%;}
        .centcol_body td{font-size: 0.7em;}
        .lcbanner_mobile{display: block};
}
/* ��� ����������� ����������� �������� �� ����� ��������� ������� */

@media only screen and (max-width: 340px){
.logo_img{width: 250px;}
}

@media only screen and (max-width: 500px){
	/* Настраиваем форму */
	/*.question_form{width: 310px; height: 360px; top: 45%; margin-left: -155px; margin-top: -155px;}*/
	/*.form_main{margin: 20px 5px 5px 10px;} */
	/*.question_form select{width: 27.5%;}*/
	/*.question_form .contactdata{width: 35%;}*/
	.question_form{font-size: 0.75em;}
	.question_form{width: 80%; top: 50%;left: 50%; margin-left: 0;margin-top: 0;transform: translate(-50%,-50%);height: auto;}
	.question_form form .formdiv table tr{flex-direction: column;align-items: flex-start;}
	.question_form form .formdiv table tr .tdl{width: auto;margin-left: 15px;margin-top: 5px;}
	.question_form form .formdiv table tr .tdl .label{text-align: left;}
	.question_form form .formdiv table tr .tdr{width: 100%;}
	.question_form select{padding: 5px;}
	.question_form input{padding: 5px;}
	.question_form textarea{padding: 5px;}
	.question_form tr > td[colspan='2']{width: 100%;}
	.buttondiv{padding-left: 0;margin-left: 15px;}
	.question_form .buttondiv input{width: 100%;margin-left: 0;}
}

/* ����� ��� ������ ������� */
@media only screen and (max-height: 480px){
	/* Настраиваем форму */
	/*.question_form{width: 310px; height: 360px; top: 45%; margin-left: -155px; margin-top: -155px;}*/
	/*.form_main{margin: 20px 5px 5px 10px;} */
	/*.question_form select{width: 27.5%;}*/
	/*.question_form .contactdata{width: 35%;}*/
	.question_form{font-size: 0.6em;}
	.question_form{width: 80%; top: 50%;left: 50%; margin-left: 0;margin-top: 0;transform: translate(-50%,-50%);height: 360px;}
	.question_form form .formdiv table tr{flex-direction: column;align-items: flex-start;}
	.question_form form .formdiv table tr .tdl{width: auto;margin-left: 15px;margin-top: 5px;}
	.question_form form .formdiv table tr .tdl .label{text-align: left;}
	.question_form form .formdiv table tr .tdr{width: 100%;}
	.question_form select{padding: 3px; font-size: 0.7em;}
	.question_form input{padding: 3px; height: 1em; font-size: 0.6em;}
	.question_form textarea{padding: 3px; height: 2em; font-size: 0.6em;}
	.question_form tr > td[colspan='2']{width: 100%;}
        .tdr img{height: 35px;}
	.buttondiv{padding-left: 0;margin-left: 15px;}
	.question_form .buttondiv input{width: 100%; height: 25px; margin-left: 0;}
}