@media only screen and (max-width: 780px) {
	body {
		font-size: 16px;
	}

	#wrap {
		background: #fff;
		width:auto;
	}

	#header .logo, #header .logo h6, #header .auth {
		position:relative;
		left:auto;
		right:auto;
		top:auto;
	}
	#header .logo h6 {text-align: left; padding-top: 6px}


	#header {
		height:auto;
		padding:0 0 40px;
		top:0;
	}

	#header .logo {
		padding:10px;
		height:auto;
		text-align:center;
		width:auto;
		background-position: 5px 10px;
		display: flex;
		background-size: 180px;
	}
	#header .logo a {margin: 0; width: 190px}

	#header .auth {
		padding:0;
		width:auto;
		margin:0 5px 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border-radius: 5px;
		white-space: nowrap;
	}

	.auth .sing-up {margin-right: 5px;}
	.auth .log-in {margin-left: 5px;}

	#header .auth .wrap {
		background: none;
	}

	#header .nav-search {
		width:auto;
		top: auto;
		left:10px;
		right:10px;
		bottom: 0;
	}

	#openMenu {
		display: block;
		position:absolute;
		font-size: 24px;
		line-height: 24px;
		color:#fff;
		width:35px;
		height:35px;
		top:7px;
		left:10px;
		cursor: pointer;
	}

	#header .nav-search:after {
		width: 10px;
		height:100%;
		position:absolute;
		right: -2px;
		top:0;
		background: url(images/sprite-menu.png) 100% -111px no-repeat;
		content:"";
		display:block;
	}

	.nav-search .topmenu {
		display:none;
		position:absolute;
		left:0;
		top:38px;
		background:#3a75a7;
	}

	#header li.home ul, #subnav {
		position:relative;
		left:auto;
		top:auto;
		min-width: 0;
		width:auto;
		background:none;
	}

	#subnav {
		margin:0;
	}

	#subnav ul {
		max-width:none;
		width:auto;
		background:none;
		padding:0;
		left:auto;
	}

	.nav-search ul li.home > a {
		background:none;
		height:auto;
	}

	.nav-search .topmenu li, #header li.home li, #subnav ul li, .nav-search ul li.home li,
	#header li.home li.first, #header li.home li.last, #subnav ul li.last,
	.nav-search ul li.home, #header .nav-search .subnav ul li {
		padding: 6px 0 7px !important;
		margin: 0 !important;
		font-size: 13px;
		font-weight: bold;
		border-bottom: solid 1px #316b9e;
		border-top: solid 1px #5792c4;
		list-style: none;
		line-height: 16px;
		float: none;
		border-left: 0;
		border-right: 0;
	}

	#subnav ul a, .nav-search ul li a, #header li.home ul a, .nav-search ul li.home a {
		display: inline-block;
		padding: 12px 10px !important;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		margin: -7px 0  !important;
		font-size: 13px;
		line-height: 100%;
		text-shadow: 0 1px #617f01;
	}

	#header .nav-search .coffee ins {display: inline-block}

	.nav-search ul li.last a:after {
		content: " Relax";
		display:inline;
		font-size: 13px;
		line-height: 100%;
		text-shadow: 0 1px #617f01;
	}


	#header li.home ul {
		padding:0;
	}

	.nav-search ul li span ins {display:none}
	.nav-search ul li.active a span {padding:0;}

	#header .nav-search ul li.home > a {display: none}
	#header .nav-search .subnav ul li.grey {left:10px}
	#header .nav-search .subnav ul a {display: block;}
	#header .nav-search ul li.home {padding-bottom: 0 !important}

	/*переделать на :before*/
	.features ul li{background:none}
	.features ul li:before{background:url(images/icons.png) no-repeat}
	.features ul li.knowledge:before{background-position:-673px -857px}
	.features ul li.highly:before{background-position:-541px -993px}
	.features ul li.provides:before{background-position:-420px -1109px}
	.features ul li.multiple:before{background-position:-296px -1254px}
	.features ul li.special:before{background-position:-177px -1377px}
	.features ul li.analysis:before{background-position:-66px -1463px}
	.features ul li.flex:before{background-position:-719px -1577px}
	.features ul li.figures:before{background-position:-594px -1685px}
	.features ul li.easy:before{background-position:-465px -1785px}
	.features ul li.information:before{background-position:-336px -1890px}
	.features ul li.great:before{background-position:-216px -2002px}
	.features ul li.certificate:before{background-position:-94px -2139px}
	.features ul li.report:before{background-position:3px -2260px}

	#title-search {
		width:auto;
		left: 40px;
	}

	.nav-search form {
		width: auto;
		left: 0;
	}

	.nav-search form .search-t { width: 80%; }

	.search-page .item {width: auto;padding: 14px 0 12px 0;}

	#content {
		width:auto;
		position:relative;
		left:0;
		background:unset;
	}

	#main-col, #right {
		float:none;
		margin:10px 0;
		width:auto;
	}

	#right {
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		padding:0 0 40px;
		margin:10px;
	}

	#right .block {
		margin:10px 0;
	}

	#right .most {
		width:100%;
		margin:20px 0;
		background:none;
		border:1px solid #E8EAEC;
		border-radius: 5px;
		padding:10px 0;
		box-sizing: border-box;
	}

	#right .most .t, #right .most .b {
		display:none;
	}
	#right .start-block {
		height:180px;
	}
	#right .rss {margin-top: 30px}
	.col-c {padding:17px 10px}
	.list-links {margin:10px 0;}

	.article .comments, .refer-view .comments {
		padding:5px;
	}

	#main-col .content {
		margin:10px;
		padding:0;
	}

	.news li {width:auto}

	.top_banner {margin:10px 0; width:auto; height: auto;}

	.cont-b {display:none}

	#footer {height:auto;}
	#footer .wrap {
		width:auto;
		background:#2c6ab4;
		padding:10px;
		margin:0;
		height:auto;
	}

	#footer .copy, #footer ul {
		float:none;
		padding:0;
	}

	#footer ul li {
		float:none;
		display:inline-block;
		border: none;
	}

	#right .news-cat ul li {
		position:relative;
		background: none;
		min-height: 28px;
	}

	#right .news-cat ul li:before {
		display:block;
		content:"";
		width:25px;
		height:24px;
		position:absolute;
		left:0;
		top:0;
		background: url(images/icons.png) -62px -1669px no-repeat;
	}




	img {
		max-width: 100%;
		height: auto;
	}

	#main-col .content {
		margin:0 5px;
		width:auto;
		padding:0;
	}

	.steps {
		background:#c7e3ff;
		width:auto;
		padding:10px 0;
		margin:0 -5px;
	}

	.steps h1 {padding:0 10px;}

	.steps-b {display:none}
	/*background: linear-gradient(to bottom, #c7e3ff 0%,#daedff 100%,#daedff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	.steps ol li {
		padding:0;
	}

	.steps .step-1 {
		width:auto;
	}

	.steps .step-1 h2, .steps .step-2 h2, .steps .step-3 h2 {
		box-sizing: border-box;
		width:190px;
		height: 200px;
		display: block;
		margin:0 auto;
		padding:132px 0 0 20px;
		background: url(images/bg-how-works-mobile.png) no-repeat -20px 0px;
	}

	.steps .step-2 h2 {background-position: -280px 0px}
	.steps .step-3 h2 {background-position: -535px 0px}

	.steps .time {
		box-sizing: border-box;
		background: url(images/bg-how-works-mobile.png) no-repeat 0px -200px;
		height: 46px;
		padding:12px 0 0;
	}
	.steps .step-3 .time, .steps .step-1 .time, .steps .step-2 .time {padding-left: 46px;}

	.steps .step-2, .steps .step-3 {
		width: auto;
		padding:0;
	}

	.steps ol li p {
		margin:10px;
	}

	.news {padding: 30px 10px 10px}
	.news li {width:auto}
	.news .ins-cont {display: inline}
	.news .more-news, .refer-rubrics .item .read-more {margin:12px auto 0}
	#index-clients h2 {margin:0 10px}
	#right {display:block}
	#right .block {
		margin:10px auto;
	}

	h1 {margin:5px 10px 10px; padding-bottom: 0}

	.article, .all-news, .refer-rubrics, .refer-view, .refer {
		margin:10px 0;
	}

	.article .item-news .photo, .refer-view .item-news .photo {
		float:none;
		margin:0 0 10px;
		text-align: center;
		display: block;
	}
	.article .item-news .photo img, .refer-view .item-news .photo img {display: inline-block}
	#right .most {width:auto}

	.contact-us .contacts {
		float:none;
		width: auto;
		margin:0;
		padding:0;
	}

	.contact-us .contact-form {
		float:none;
		width:auto;
		margin:10px;
		padding:5px;
	}

	.contact-us .line-textar, .contact-us .line-captcha .wrap-inp, .contact-us .line-captcha {background: none; width:auto}

	.contact-us .contact-form form {padding:0}
	.contact-us .contact-form h2 {padding: 10px; text-align: center;}
	.contact-us .line-inp {width: auto; background: none}
	.inputtext, .inputtextarea {
		background: #fff;
		border: 1px solid #a4c4e1;
		border-radius: 5px;
	}

	.contact-us .line-inp input.inputtext, .contact-us .line-textar textarea.inputtextarea, .contact-us .line-captcha .wrap-inp input.inputtext {
		left:10px;
		width:90%;
		display: block;
		background: #fff;
		border: 1px solid #a4c4e1;
		border-radius: 5px;
	}

	.contact-us .contact-form .line-captcha .arrow {display: none;}
	.contact-us .contact-form .line-captcha img {float:none; margin:10px auto; position:relative; left:10px;}
	.contact-us .line-captcha .wrap-inp {float:none;}
	.contact-us .line-captcha {height:auto}

	.faq .action {padding:0 10px 20px}
	.faq dl {padding:0 10px 16px;}
	.faq dl dd {
		width:auto;
		background: none;
	}
	.faq dl dd .wrap {
		width:auto;
		padding:10px;
		background: none;
		border:1px solid #eaeaea;
		border-radius: 5px;
	}

	.table-scroller {
		width:100%;
		overflow: scroll;
	}
	.table-scroller:before {
		content: "\02194";
		font-family: Arial, Helvetica;
		font-size: 22px;
		display:block;
		padding:5px 0;
		text-align: left;
		color:#000;
	}

	.faq h2, .refer h2 {
		width: auto;
		background-repeat: repeat-y;
	}

	.faq h2 span, .refer h2 span {width: auto}

	.search-faq {
		width: auto;
		position: relative;
	}

	.search-faq:after {
		content: "";
		position: absolute;
		display: block;
		right:0;
		top:0;
		width:50px;
		height:100%;
		background: url(images/bg-big-search.png) 100% 0 no-repeat;
		z-index: 1;
	}

	.search-faq .submit {
		left:auto;
		right:20px;
		z-index: 2;
	}

	.search-faq .search-t {
		display: block;
		width:80%;
	}

	#men_mid {display: none}

	.col-c-community {padding: 17px 5px 20px}

	.features {
		padding:5px;
	}

	.features > ul > li {padding-left:0}
	.features > ul > li:before {
		content: "";
		width:100px;
		height:100px;
		float:left;
	}

	.features ul li ul li {padding-right:0}
	.logos-clients {margin-right:0; width:auto; padding:5px}
	.logos-clients div.logo {width:50%;box-sizing: border-box;text-align:center;}
	.logos-clients .logos {display:inline}
	#features_usage, #features_feedback table {margin-left:0}
	#features_feedback {padding:0 5px}
	.nav-search ul li.active a {background:none; color:gold}
	#right .start-block {height: auto}
	#right .most {width:auto;margin: 10px}
	#right .news-cat {width:270px;margin:10px auto}
	.section-buy-desc .total-block, .section-subscribe-desc .total-block {
		width:auto;
		height: auto;
		background-repeat: repeat;
		margin:0 -5px;
	}

	.section-buy-desc .total-block p, .section-subscribe-desc .total-block p {
		padding:15px;
	}

	.short-nav-products, .online-contacts {
		float:none;
		display:block;
		width:auto;
		background:none;
		margin:10px 0;
		padding:0;
	}

	.short-nav-products p {line-height: 2em; padding-left: 20px}

	.online-contacts ul {
		float:none;
		margin:0;
		padding:0;
		width:auto;
		background:#fffddf;
	}

	.online-contacts ul li {
		float:none;
		width:auto;
		margin:10px;
		display:block;
		padding:0;
	}
	.col-c {padding:17px 5px}

	#wrap-auth-form {
		width:auto;
		left:10px;
		right:10px;
		margin-left: 0;
		background: #fff;
		border-radius: 10px;
	}

	#wrap-auth-form .t, #wrap-auth-form .c {
		padding:10px 20px;
		width:auto;
		background: none;
	}

	#wrap-auth-form .t .close {left:auto; right: 10px; top: 20px}

	#wrap-auth-form .c .col-l, #wrap-auth-form .c .social {
		float:none;
		width:auto;
		border:none;
		padding:0;
		margin:10px 0;
	}

	#wrap-auth-form .t h3 {margin: 15px 0 5px}
	#wrap-auth-form .t .close {
		background: url(images/bg-auth-form.png) no-repeat -553px -45px;
	}
	#place17, .contact-us .contact-form .b {display:none}
	.list-links span.fin-analiys, .list-links a.reporting-ifrs {
		display: block;
		margin: 15px 0;
		text-align: center;
	}

	p, blockquote, .article .item-news p, .refer-view .item-news p, .manual-item p, .news li a .cont, .item-news li, .refer-view .see-also ul li {font-size: 16px; line-height: 1.4em;}
	.article .comments .item .comm-body, .refer-view .comments .item .comm-body {font-size: 16px; line-height: 1.4em;}
	.steps-item p, .ol-steps-desc, .index-desc-ifrs p {font-size: 14px; line-height: 1.5em;}

	.steps-red {
		width:auto;
		padding:5px;
		margin:10px 0;
		background:#f7f7f5;
	}

	.steps-red .t, .steps-red .b {
		width:auto;
		left:-5px;
		right:0px;
		height:57px;
		background-repeat: no-repeat;
		background-position: 98% 0;
	}
	.steps-red .t {background: #f7f7f5}

	.wrap-steps-red {left:0; background: #f7f7f5; margin:40px -5px}

	.ol-steps {
		width: auto;
		left:0;
		margin:10px 0;
		padding:0;
		background:none;
	}

	.ol-steps li {
		float:left;
		height:150px;
		width:50%;
		padding:0 0 0 30px;
		box-sizing: border-box;
		position:relative;
	}
	.ol-steps-step-2, .ol-steps-step-4 {padding-left: 50px !important}
	.ol-steps-step-1:before, .ol-steps-step-2:before, .ol-steps-step-3:before, .ol-steps-step-4:before {
		content:"";
		display:block;
		width: 24px;
		height:24px;
		position:absolute;
		left:0;
		top:5px;
		background: url(images/red-step-nums.png) no-repeat -57px 0;
	}
	.ol-steps-step-2:before {background-position: -213px 0; left: 10px;}
	.ol-steps-step-3:before {background-position: -384px 0;}
	.ol-steps-step-4:before {background-position: -577px 0; left: 10px;}

	.title-steps-mfso, .title-steps-mfso-transform {
		height:auto;
		margin:0px 0 15px;
	}

	.index-block {
		width:auto;
		margin:10px -5px;
		left:auto;
	}

	.index-block .body {
		width:auto;
		padding:10px;
	}

	#content .comments .reviews-reply-form {
		width: auto;
		background: #e8f4ff;
		border-radius: 5px;
		padding:5px;
	}
	#content .comments .reviews-reply-form form {padding:0}
	#content .comments .reviews-reply-form .reviews-reply-header {margin:0}
	#content .comments .reviews-reply-field-captcha .reviews-reply-field-captcha-image {float:none;display:block}
	#content .comments .reviews-reply-field-captcha .reviews-reply-field-captcha-label {float:none;height:auto}
	#content .comments .reviews-reply-field-captcha {width:auto;height: auto}
	#content .comments .reviews-reply-form .b {display: none}
	#right .start-block .wrap {top:0;border-radius: 10px; padding:10px}
	#right .start-block {background: none}

	#content .auth .wrap {
		width:auto;
		background: #e8f4ff;
		padding:15px;
		border-radius: 10px;
	}

	#content .auth .wrap form {padding: 0}
	#content .auth .register-form .item {
		margin:10px 0;
		max-width: 380px;
		width:auto;
		position: relative;
	}

	#content .auth .register-form .item:after {
		position:absolute;
		right: -1px;
		top:0;
		width:10px;
		height:49px;
		content: "";
		background: url(images/contact-inputs.png) -370px 0 no-repeat;
	}

	#content .auth .register-form .item input, #content .auth .register-form .line-captcha .wrap-inp input {
		width: 90%;
	}

	.col-c-manual {
		padding:10px;
	}

	.ifrs-features {
		margin: 0;
		padding: 0;
	}

	.ifrs-features h2 {
		font-size: 18px;
		line-height: 1.2em;
	}

	.ifrs-f1 {width: auto;}

	#header .nav-search li .subnav {
		background: none;
		position:relative;
		left:auto;
		top:auto;
		width:auto;
	}

	#header .nav-search .subnav ul {
		background:none;
		padding: 0;
		min-width: 0;
		left:0;
	}

	.ifrt-reference {width: auto}
	.ifrt-reference .body {width: auto}
	.ifrt-reference h3 {line-height: 1.2em}
	.all-news .news {padding:30px 0 10px}
	.news li {padding:14px 5px 12px}
	.news li.top-news .wrap {padding:5px}
	.news li.top-news, .news li.top-news .wrap {width: auto}
	.news li.top-news {
		margin-left: -5px;
		margin-right: -5px;
	}

	.index-block  .col {float: none; width: auto}

	.top_banner {margin:10px 0; width:auto; height: auto;}

	.profile {
		margin: 0 5px;
	}
	.profile-top-corners {
		display: none;
	}
	.profile-bottom-corners {
		display: none;
	}
	.profile-form {
		width:auto;
		border-radius: 10px;
	}
	.profile-form .item {
		margin:10px 0;
		max-width: 380px;
		width:auto;
		position: relative;
	}

	.profile-form .item:after {
		position:absolute;
		right: -1px;
		top:0;
		width:10px;
		height:49px;
		content: "";
		background: url(images/contact-inputs.png) -370px 0 no-repeat;
	}

	.buy-about-block {flex-direction: column; align-items: center}
	.buy-about-photo {text-align: center; width: auto; padding: 0; margin: 10px;}
	.buy-about-info {margin: 10px;}

}

@media handheld, screen and (max-width: 480px) {
    .top_banner, #main-col .top_banner { height: 280px; width: 366px; margin:0; display: flex; align-items: center; justify-content: center;}
    .news li.top-news {margin:0 -15px; width:auto;}
    .news li.top-news .wrap {padding-left:16px; width:auto;}
    .top_banner > div {margin: auto !important;}
}

    .all_banners { height: 90px; width: 100%; display: flex; align-items: center; justify-content: center; overflow:hidden;}
@media handheld, screen and (max-width: 480px) {
    .all_banners { height: 280px; width: 100%; display: flex; align-items: center; justify-content: center;}
}

    .after_news_banners { height: 90px; width: 728px; margin-left:-12px; display: flex; align-items: center; justify-content: center; overflow:hidden;}
@media handheld, screen and (max-width: 480px) {
    .after_news_banners { height: 280px; width: 100%; display: flex; margin-left:0; align-items: center; justify-content: center;}
}


    .right_banner { min-height: 400px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; overflow:hidden;}
@media handheld, screen and (max-width: 480px) {
    .right_banner { height: 280px; width: 100%; display: flex; align-items: center; justify-content: center;}
}

