@media only screen and (max-width: 640px) {
.header {
  height: 583px;
  background: #112146 none;
    position: relative;
}
#logo{
	padding: 0 10px;
}
.top-nav {

	top:0;
  width: 100% !important;
  right: 0;
  position: fixed;
  overflow:visible !important;
}
.top-nav li {
	/*width: 33.33% ;*/
	width: 50%;
}
.top-nav li a {
	padding: 0;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
#made {
	margin: 25px 10px 0 0px;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.block-1 {
	padding: 30px 10px 0;
}
.center {
	width: 100%;
	max-width: 100%;
}
.scroller {
	position: relative;
	padding-top: 55px;
	background: url('../img/scr-hint.jpg') no-repeat 10px -12px;
  background-size: 240px auto;
}
.calc-tbl{
	margin:0;
}
.scroller .mCSB_container {
	width: 1070px !important;
}
.block-2.scroller .mCSB_container {
	width: 700px !important;
}
.block-5.scroller .mCSB_container {
	width: 1200px !important;
}
.block-7.scroller .mCSB_container {
	width: 720px !important;
}
.block-8.scroller .mCSB_container {
	width: 1100px !important;
}
.block-9.scroller .mCSB_container {
	width: 1200px !important;
}
.block-10.scroller .mCSB_container {
	width: 900px !important;
}
.calk-block {
	width: 100%;
}
.calk-block,.calc-bottom,.cb-tbl{
	width: 100%;
}
.calc-bottom, .calk-block > center{
	padding:0 10px;
    box-sizing: border-box;
}
.bgb1,.bgb2,.bgb3{
	display:none;
}
.scroller .center {
	/*width: auto !important;
	max-width: 1000px;*/
	margin:0;
}
#logo img {
	max-width: 100%;
}
.block-2,
.block-5,
.block-7,
.block-8,
.block-9,
.block-10 {
	width: 100%;
	overflow: hidden;
}
.block-9 {
	/*width: 320px;*/
}
.block-3 {
	overflow: hidden;
	padding: 40px 10px;
}
.block-3-cnt .left-head,.block-3-cnt .right-head{
	background-position: center center;
	background-size:cover;
    max-height: 195px;
    width: 100%;
}
.block-3-cnt .left,
.block-3-cnt .right {
	float: none;
	width: 100%;
	padding: 0;
}/*
.block-3-cnt .left-head,
.block-3-cnt .right-head {
	padding-left: 0;
	padding-right: 0;
	width: 320px;
	margin: 0 auto;
}
.block-3-cnt .left-head {
	background-position: -115px 0;
	padding-top: 228px;
	height: 30px;
}
.block-3-cnt .right-head {
	  background-position: 55px 0;
  padding-top: 220px;
  height: 40px;
}*/
.block-3-cnt .left-head span {
    margin: 150px 0 0 0;
}
.b3-list li a:after{
	position: relative;
	top: -2px;
    right: -15px;
}
.block-3-cnt .right-head span {
	/*display: block;
	float: none;
	text-align: center;
	padding: 0;
  width: 320px;
  margin: 0;*/
  margin: 140px 0 0 0px;
}
.block-3-cnt .left-descr {
	text-align: center;
}
.block-3-cnt .right-descr {
	text-align: center;
}
.b12-head > div {
	margin-left: 0;
	margin-right: 0;
}
.b1-bg {
	float: none;
	max-width: 92%;
	margin-left: auto;
	margin-right: auto;
	-webkit-background-size: 100%;
	background-size: 100%;
	min-width: 280px;
	width: 320px;
	background-position: 0 0;
	margin: 0 auto;
	height:/* 400px*/;
}
.b4-center {
	width: 92%;
	margin: 20px auto;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.buy-item-txt img {
	max-width: 100%;
}

.block-5, .block-5 div {
	overflow-y: visible !important;
}

.modal, .modal1, .modal2, .modal3 {
	width: 100%;
	left: 0;
	margin-left: 0;
}
.modal-form textarea {
	width: 300px;
}
.block-table{
	padding-left:10px;
	padding-right:10px;
}
.block-table thead th span, .block-table tbody tr td span{
	    height: 58px;
}
.footer {
	height: auto;
	background: #112146;
}
.foot-form {
	float: none;
	margin-right: 0;
	width: 240px;
	margin: 0 auto;
	padding-left: 0;
}
.footer .foot-cnt {
	width: auto;
	text-align: center;
	padding: 15px 0;
}

.links span {
	display: block;
}
.links a {
  display: block;
  width: 230px;
  text-align: left;
  margin: 10px auto;
}
.b1-link {
	display: block;
	margin-bottom: 10px;
}
.b1-link + .b1-link {
	margin-left: 0;
}
.b12-cnt iframe,
.video {
	width: 300px;
	height: 200px;
}
.block-3-cnt {
	width: 300px;
}

.foot-info {
	float: none;
	padding-right: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.foot-pip{
	margin-bottom: 50px;
}

/**/
.b1-links,.b1-links--1,.b1-links--2{
	width: 100%;
}

.b1-links--2 .b1-link + .b1-link {
    margin-top: 25px;
}
.block-2-cnt .right{
    background: url('../img/b2-bg-mobile.png') no-repeat center top;
    width: 320px;
    height: auto;
    padding: 335px 10px 0;
    background-size: contain;
}
.only_mobile{
	display:block;
}
.bg3_mobile{
	background:	url('../img/b2-bg3-mobile.png') no-repeat right center;
	width:100%;
	height:109px;
}
.block-2-cnt .right .descr{
	background: url('../img/b2-bg2-mobile.png') no-repeat 0 0;
    height: 75px;
    padding: 0 0 0 85px;
    margin-bottom: 15px;
    background-size: 26%;
}
.block-2-cnt .right .descr.descr-2{
	background-position:0 -78px;
}
.block-2-cnt .right .descr.descr-3{
	background-position:0 -156px;
}
.block-2-cnt .right .descr.descr-4{
	background-position:0 -234px;
}
.block-2-cnt .right .descr.descr-5{
	background-position:0 -312px;
}
.block-2-cnt .right .descr .head-descr .patented{
	right:10px;
	top: 10px;
}
.block-2-cnt .right .descr .head-descr{
	padding-top: 5px;
}
.block-2-cnt .right .descr.descr-3 {
    height: 75px;
}
.fhint{
	font-size: 10px;
    line-height: 15px;
}
.rhint-1 {
    top: 100px;
    left: 3px;
}
.rhint-2 {
    top: 200px;
    left: -30px;
}
.rhint-3 {
    top: 350px;
    left: 163px;
}
.rhint-4 {
    top: 41px;
    left: 86px;
}
/**/
.top-nav{
    height:0;
	overflow:hidden;
	-webkit-transition: height 200ms linear;
    -moz-transition: height 200ms linear;
    -o-transition: height 200ms linear;
    -ms-transition: height 200ms linear;
    transition: height 200ms linear;
}
.top-nav.active{
    height:140px;
	-webkit-transition: height 200ms linear;
    -moz-transition: height 200ms linear;
    -o-transition: height 200ms linear;
    -ms-transition: height 200ms linear;
    transition: height 200ms linear;
}
div.btn-menu-box{
    display: block;
	width: 100%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 50px;
    z-index: 1000;
	background-color:rgba(4, 14, 39, 0.75);
}
div.btn-menu {
    width: 27px;
    height: 22px;
    display: block;
    background-image: url(../img/menu.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
div.btn-menu.active {
    background-position: 0px -22px;
}
.block-2{
	padding-left:10px;
	padding-right:10px;
    box-sizing: border-box;
}
/**/
.table_1_trans > tbody > tr > td{
	display:block;
}
.table_2 {
    width: 300px;
    margin: 0 auto 30px;
}
.b1-link a {
    display: inline-block;
}
.block-1 .center{
	display: table;
}
.block-1 h2.title-block{
	display: table-header-group;
    text-align: center;
}
.type-ch-item-1 label {
    right: 50%;
    margin-right: -7px;
}
.type-ch-item-3 label {
    left: 50%;
    margin-left: -7px;
}

}


@media only screen and (max-width: 320px) {
	.b1-bg {
	height:400px;
	width: auto;
}

/*
.header {
    height: 315px;
}*/
}

@media only screen and (max-width: 640px) and (orientation: landscape) {

.header {
    height: 566px;
}
}
@media only screen and (max-width: 639px) and (orientation: landscape) {
.header {
  height: 566px;
  background: #112146;
}
#made {
  margin:-36px 20px 0 0px
}
.b1-bg{
	height: 467px;
}
.b12-cnt iframe, .video {
    width: 100%;
    height: 300px;
    padding: 0 10px;
    box-sizing: border-box;
}
.b4-center {
	-webkit-background-size: 70%;
	background-size: 70%;
}
/**/
.table_1_trans > tbody > tr > td{
	display:block;
}
.table_2 {
    width: 300px;
    margin: 0 auto 30px;
}

.scroller .mCSB_container {
	width: 820px !important;
}
}
