@media (max-width: 1024px) {
	.wrapper { padding-left: 48px; padding-right: 48px }
	.top-text { padding-top: 70px }
	.index-news-item { width: 48% }
	.index-news-item:last-child { display: none }
	.inner-page .index-news-item:last-child { display: block }
	.index-news { padding-bottom: 80px }
	.index-partners { padding-bottom: 40px }
	.index-partners-in { display: block }
	.index-partners-left { width: auto; padding-bottom: 32px; margin-right: 0 }
	.index-partners-title { max-width: 70% }
	.question { padding-bottom: 80px }	
	
	.links-section { display: block; padding-top: 10px }
	.links-section .flex-3w, .links-section .flex-2w { width: auto }
	
	.inner-page { padding-top: 40px; padding-bottom: 40px }
	
}

@media (max-width: 800px) {
	.head-right-mobile { display: flex; align-items: center; min-width: 346px; justify-content: space-between }
	.head-right { display: none }
	
	.head-right-mobile .head-top-phone { font-size: 20px; margin: 0 15px 0 0 }
	.head-right-mobile .head-top-seew { cursor: pointer }
	.head-right-mobile .head-top-seew svg, .head-right-mobile .search svg { vertical-align: middle }
	
	
	.top-banner { height: auto; min-height: 0; padding: 80px 0 20px 0   }
	.top-banner-list { flex-wrap: wrap }
	.top-banner-list_item { width: 48%; padding-bottom: 65px }
	.top-banner-list_text { max-width: 200px; margin: 0 auto }
	
	.top-text { padding-bottom: 20px }
	.top-text-in { align-items: stretch; }
	.top-text-image { width: 144px; height: auto; margin-right: 32px; background-size: contain; background-position: 50% 0 }
	
	.top-preference { padding-bottom: 80px }
	.top-preference-in { flex-wrap: wrap }
	.top-preference-item { width: 50%; padding-left: 0 }
	.top-preference-item:before { left: 0 }	
	.top-preference-item:last-child { width: 100%; display: flex; align-items: center; padding-left: 32px }
	.top-preference-item:last-child .top-preference-title { padding-bottom: 0; width: 100% }

	.illustration { margin-bottom: 80px; min-height: 0; height: 635px; align-items: flex-end }
	.illustration-content-in { max-width: 100%; padding-bottom: 80px }
	
	.question img { display: none }
	.question img.mobile { display: inline }
	
	.footer-in { display: block }
	.footer-menu-item { width: 50% }
	.footer-item:first-child { display: flex; width: 100%; padding-bottom: 64px }
	.footer-item:first-child > div { width: 50% }
	.footer-line-item:last-child { width: 50% }
	
	.raiting-block { display: block }
	.raiting-block .flex-2w { width: auto; margin-bottom: 16px }
	.raiting { font-size: 18px; min-height: 148px; padding: 16px 60px 50px 16px; margin-bottom: 16px }
	.raiting span { font-size: 14px; left: 16px; bottom: 16px; }
	/*
	.raiting:before { width: 64px; height: 64px; top: 16px; right: 16px; background-size: cover !important }
	.raiting:after { width: 20px; height: 20px; bottom: 16px; right: 16px; background-size: cover }
	*/
	.raiting .raiting-image { position: absolute; top: 10px; right: 16px }
	.raiting .raiting-image svg { width: 64px }
	.raiting .raiting-arrow { position: absolute; bottom: 10px; right: 16px;  }
	.raiting .raiting-arrow svg { width: 20px }

	
	
	.raiting.credit { padding: 16px 160px 40px 16px; min-height: 130px; font-size: 14px }
	.raiting strong { position: absolute; top: 10px; right: 16px; font-size: 48px; padding-top: 0 }
	.raiting strong sup { font-size: 14px; top: -8px; left: 5px; font-family: 'ClearSans-Light' }
	
	.section-block { display: block; padding-bottom: 20px }
	.section-block-left { padding: 0; margin: 0; width: auto }
	
	.footer-line-item { padding-right: 15px }
	.footer-line-item:first-child { width: 60% }
	.footer-line-item br { display: block }	
	
	p { padding-bottom: 1.3em; }
	cite { font-size: 18px; padding-bottom: 1.1em; }
	.blockquote { padding-left: 38px }
	blockquote { font-size: 14px; padding-left: 36px }	
	
	h2 { font-size: 24px; }	
	h3 { font-size: 20px; }	
	h4 { font-size: 18px; }	
	h5 { font-size: 16px; }	
	h6 { font-size: 14px; }
	
	ul { padding: 0 0 1.3em 0; }	
	ul > li { padding: 0 0 1.2em 35px; }	
	ul ul li:last-child { padding-bottom: 0 }
	ul ul > li { padding-left: 23px }	

	ol { padding: 0 0 1.3em 20px; }	
	ol > li { padding: 0 0 .5em 10px; }	
	
	
}



@media (max-width: 640px) {
	.wrapper { padding-left: 16px; padding-right: 16px }
	.head-top-phone { display: none }
	.head-right-mobile { justify-content: flex-end; min-width: 100px }
	.head-right-mobile .head-mobile-menu, .head-right-mobile .search { margin-left: 24px }
	.logo { width: 97px }
	.head-in { height: 64px }
	
	.top-banner { padding-top: 48px }
	.top-banner-logo { padding-bottom: 48px }
	.top-banner-list_item { font-size: 18px }
	.top-banner-list_img { padding-bottom: 16px }
	.top-banner-list_img img { height: 64px }
	.top-banner-list_item { padding-bottom: 32px }
	
	.top-text-in { display: block }
	.top-text-image { height: 180px; margin: 0 0 48px 0; width: auto }
	.top-text { padding-top: 48px; font-size: 18px }
	.top-text h2 { font-size: 28px }
	.button-link { height: 44px; padding: 0 16px 2px 16px; font-size: 14px }
	.top-preference { padding-bottom: 48px } 
	.top-preference-count b { font-size: 48px; }
	.top-preference-count span { font-size: 14px; padding-bottom: 18px; line-height: 1em }
	.top-preference-title { font-size: 14px; padding-bottom: 6px }
	.top-preference-item { padding: 16px 16px 16px 0 }
	.top-text-content { padding-bottom: 24px }
	.top-preference-item:last-child { padding-left: 16px }
	.illustration { font-size: 18px; margin-bottom: 48px }
	.illustration h2 { font-size: 28px }
	.illustration-content-in { padding-bottom: 48px }
	
	.index-news { padding-bottom: 48px }
	.index-news-list { display: block; padding-bottom: 10px }
	.index-news-item, .wide-block .index-news-item { width: auto; margin-bottom: 16px; min-height: 0; font-size: 18px }
	.index-news-item a, .wide-block .index-news-item a { padding: 16px 16px 60px 16px; }
	.index-news h2 { font-size: 28px }
	.index-news-date { left: 16px; bottom: 16px; }
	.index-news-item .arrow { right: 16px; bottom: 16px; }
	.index-news-item:last-child { display: block }
	
	.index-partners { padding-bottom: 36px }
	.index-partners-left h2 { font-size: 28px }
	.index-partners-list { display: block }
	.index-partners-item { width: auto; margin-bottom: 16px; height: 150px }
	.index-partners-item a { padding: 15px 0 0 0 }
	.index-partners-title { font-size: 14px; bottom: 15px; left: 16px; line-height: 1em; max-width: 80% }
	.index-partners-item .arrow { bottom: 14px; right: 16px; width: 20px; height: 20px }
	
	.question { padding-bottom: 48px }
	
	.footer { padding: 48px 0 24px 0 }
	.footer-in { padding-bottom: 15px }
	.footer-item:first-child { padding-bottom: 48px; display: block }
	.footer-item:first-child > div { width: auto }
	.footer-logo { padding-bottom: 32px }
	.footer-menu { display: none }
	
	.popup-menu-in { padding: 0 16px 20px 16px; }
	.popup-menu-head { height: 65px; margin-bottom: 10px }
	.popup-menu-close { font-size: 18px }
	.popup-menu-title { font-size: 28px }	
	.popup-menu-link { height: 66px }
	.popup-menu-footer { padding-top: 24px }
	.popup-menu-sub { padding-top: 0 }
	.popup-menu-sub_item { padding-bottom: 24px; font-size: 20px }
	.popup-menu-sub_list { margin: -8px 0 12px 0; }
	.popup-menu-sub_list-link { padding-bottom: 14px; font-size: 14px }
	
	.inner-tilte { height: 158px }
	.inner-tilte-cell { padding: 40px 0 }
	.inner-tilte h1 { font-size: 28px; }
	.breadcrumb { font-size: 14px; padding-bottom: 8px }
	.inner-page { padding-top: 32px; padding-bottom: 32px; font-size: 14px }
	
	.pdf, .jpg, .jpeg, .ppt, .pptx, .xml, .xls, .xlsx, .doc, .docx, .zip, .rar, .exe, .mp3, .mp4, .file { padding-left: 30px }
	
	.document-list { padding-bottom: 20px }
	.document-list-item { padding-bottom: 16px }
	.document-block-item { margin-bottom: 16px; font-size: 18px }
	.document-block-item a { padding: 16px 16px 52px 16px; min-height: 90px }
	.document-block-item .date { left: 16px; bottom: 16px }
	.document-block-item .pdf:before { right: 16px; bottom: 16px }
	
	.spoiler-block-title { font-size: 18px }
	.spoiler-block { margin-bottom: 16px; font-size: 14px }
	
	.content table, .content .table { margin: .3em 0 1.4em 0; }		
	.content table td, .content .table td { padding: .5em 8px .4em 0; }	
	.content table tr:first-child td, .content .table tr:first-child td { padding-top: 1.2em }
	.content table tr:last-child td, .content .table tr:last-child td { padding-bottom: 1.2em }	

	.content .table2 { margin: .3em 0 1.4em 0; }	
	.content .table2 td { padding: 16px 8px; }		
	.content .table2 th { padding: 16px 8px; }
	
	.content .table3 { margin: .3em 0 1.4em 0; }	
	.content .table3 td { padding: 16px 8px; }		
	.content .table3 th { padding: 16px 8px; }
	
	.content .table4 { margin: .3em 0 1.4em 0; }	
	.content .table4 td { padding: 16px 8px; }		
	.content .table4 th { padding: 16px 8px; }
	
	.steps-block { display: block; padding: 30px 0 0 0  }
	.steps-item { width: auto; margin-bottom: 50px }
	.steps-title { font-size: 20px;  }
	.steps-title span { font-size: 14px; }
	.steps-image { width: 112px; height: 112px }
	.steps-image svg { width: 64px }
	
	.inner-tilte-links a { font-size: 14px; margin-right: 16px }
	
	.pager { padding-bottom: 16px  }
	.pager span, .pager a { font-size: 14px; height: 32px; margin-right: 8px; padding: 0 12px }
	.pager-next a { padding: 0; margin: 0; border: 0; }
	.pager-next a:after { margin-left: 4px }
	.pager-next a:before { top: 4px }
	
	.news-inner-item { padding: 16px; display: block; margin-bottom: 16px }
	.news-inner-image { margin-right: 0; margin-bottom: 16px; width: auto; }	
	.news-inner-image img { width: 100% }
	.news-inner-content { display: block; }
	.news-inner-title { font-size: 18px }
	.news-inner-date { padding-bottom: 0; padding-top: 16px  }
	.news-inner-date:after { content: ''; bottom: 13px; width: 20px; height: 20px; background-size: contain }
	
	.inner-tilte.wide-block { height: 460px }
	.inner-tilte-wide { height: 350px; }
	.inner-tilte-add { font-size: 14px; }	

	.back-link { padding: 15px 0 }
	
	
	
	.comment-block { margin-top: 15px; padding-top: 15px }
	.error-page .top-banner-logo { padding-bottom: 28px }
	.top-banner-link { padding-bottom: 30px }
	.top-banner-link a { height: 44px; padding: 0 16px; font-size: 14px; }
	
	.sitemap-indexlink { font-size: 24px; padding-bottom: 24px }
	.sitemap-list { font-size: 18px }
	.sitemap-list ul li { font-size: 14px }
	.sitemap-list ul li svg { width: 19px; height: 19px }
	
	
	.table-width-scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 0px }  
	.table-width-scrollbar.dark-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 67px }
	.table-width-scrollbar.dark-theme table th { padding: 22px 8px; }
	.table-width-scrollbar.light-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 60px }
	
	
	.content img { margin-bottom: 20px }
	.content img[align="left"] { float: none; margin: 0 0 20px 0; }
	.content img[align="right"] { float: none; margin: 0 0 20px 0; }
	.content img[border] { border-color: #404040; }

	.head-right-mobile .top-search-form-in { top: 60px; padding: 0 16px }	
	.head-right-mobile .top-search-form-in input { height: 50px }
	.search-form { height: 50px; margin-top: 24px; padding: 0 16px; }
	.search-form input[type="text"] { font-size: 16px }

	.spoiler-block .alink:after { width: 18px; height: 18px; margin: 2px 0 0 4px; background-size: contain }
}