html, body {height: 100%;
-webkit-overflow-scrolling: touch;
}
body{overflow-y: scroll;}
/*mobile and tablet*/
@media (min-width: 320px) and  (max-width: 1023px) {
	header{
		height:auto;
	}
	header h1{
		font-size:24px !important;
	}
	header .small-box .box p{
		font-size:14px;
	}
	header .block{
		display: none;
	}
	header .top{
		height: auto;
	}
	header .top a{
		display: block;
	    width: 40%;
	    text-align: center;
	    float: left;
	    margin-top: 10px;
	}
	header .top .number{
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	header .navigation{
		height:auto;
	}
	header .navbar-toggle{
		z-index: 10;
	}
	header .big-box .box{
		width: 100%;
	}
	header .small-box .box{
	    width: 100%;
  		max-height: 110px;
	}
	header .small-box .col-md-12{
		padding-right:0px;
	}
	header .small-box .box img {
	    float: left;
	    margin: 30px 10px;
	}

	#mwhy .box svg{
		display: none;
	}
	#mwhy .box .blue{
		text-align: center;
	}
	#mwhy .box-blue p{
		font-size: 14px;
	}

	#mfive .vtd1:before{
		display: none;
	}
	#mfive .vtd2:before{
		display: none;
	}
	#mfive .vtd3:before{
		display: none;
	}
	#mfive .vtd4:before{
		display: none;
	}
	#mfive .vtd5:before{
		display: none;
	}

	#mfive table tr td{
		padding:10px;
	}
	#mfive .vtd:before{
		display: none;
	}

	#mcatalog .for-form .big {
	    line-height: 25px;
	}

	#mcatalog .for-form select {
	    width: 100%;
	}

	#motz .box:before{
		display: none;
	}
	#motz .box:after{
		display: none;
	}

	#mabout{
		padding-bottom: 30px;
	}

	#mwhat {
	    height: auto;
	    background: url(../img/what.jpg) center top no-repeat;
	    background-size: cover;
	    padding: 30px 0px;
	}

	#mwhy {
	    padding: 30px 0px;
	}
	#mwhy .box img{
	    display: block;
	    margin: 0 auto;
	    float: none;
	}
	#mwhy .box p {
		text-align: center;
	}
	#mwhy .box .blueХ{
		text-align: center !important;
	}

	#mgreen p{
		font-size: 1em;
	}

	#mfive{
		padding: 30px 0px;
	}
	#mfive .big{
		padding-left:30px;
		padding-right:30px;
	}
	#mfive .col-md-12{
		padding-left:0px;
		padding-right:0px;
	}
	#mfive .container{
		padding-left:0px;
		padding-right:0px;
	}
	#mfive table {
	    font-size: 10px;
	    border-collapse: collapse;
	    max-width: 100%;
	}


	#mwhy2 {
	    padding: 30px 0px;
	}
	#mwhy2 .box img{
	    display: block;
	    margin: 0 auto;
	    float: none;
	}
	#mwhy2 .box p {
		text-align: center;
	}
	#mwhy2 .box .blue{
		text-align: center !important;
	}


	#mdostavka {
	    background: #eaeff2;
	    padding: 30px 0px;
	}

	#motz {
	    padding: 30px 0px;
	}
	#motz .box {
	    min-height: 600px;
	}
	#motz .video{
		display: none;
	}
	
	#msert {
	    padding: 30px 0px;
	}

	footer .contacts{
		position: relative !important;
	    top: 0px !important;
	    left: 0px !important;
	    width: 100% !important;
	}
	footer .for-form{
		padding-top:30px;
	}
	footer .for-form form input{
		margin: 10px auto;
	}


	.navbar-collapse{
		background:#fff;
		z-index: 10;
		position: relative;
	}



	.fixed .for-hide{
		display: none !important;
	}

	.navbar-collapse{
		width: 100%;
	}
	header .navigation .nav {
	    float: none;
	    text-align: center;
	}

	#mcatalog table tr td:first-of-type{
		display: none;
	}
	#mcatalog table tr td:nth-child(4){
		display: none;
	}
	#mcatalog .col-md-12{
		padding-left:0px;
		padding-right:0px;
	}
	#mcatalog table tbody.head tr td{
		font-size: 12px;
	}
	#mcatalog table tr td{
		font-size: 12px;
		padding: 5px;
	}
	
	
	#mcatalog table img{
		max-height: auto !important;
		width: 100% !important;
	}

	header .small-box .box .ag{
		display: none !important;
	}
	header .small-box .box .cu{
		display: none !important;
	}

	#mcatalog table tr td .blue{
		font-size: 1em;
	}


	.navbar{
		position: fixed; 
		min-height: 50px; 
		margin-bottom: 20px; 
		border: 1px solid transparent; 
		top: 0px; 
		left: 0px; 
		width: 100%; 
		background: #fff;
	}

	.opa{
		padding-top: 50px;
	}

	#mcatalog .big{
		padding-left: 15px;
	}

	.big-td{
		    display: table-cell !important;
	}



}
/*tablet*/
@media (min-width: 768px) and  (max-width: 1024px) {
	#mcatalog table img{
		width: auto !important;
        height: auto;
	}
	header .navigation .nav li a {
	    color: #034f85;
	    font-size: 14px;
	    font-weight: 400;
	    text-align: left;
	    margin: 2px 1px 0 1px;
	    text-transform: uppercase;
	    transition: all .3s;
	    padding: 10px 5px;
	}
	#motz .box:before{
		display: none;
	}
	#motz .box:after{
		display: none;
	}
	#motz .box {
	    padding: 20px;
	    min-height: 400px;
	    border: 1px solid #c9e7ff;
	    background: #fff;
	    font-size: 1.1em;
	}
	#mcatalog table{
		width:100%;
	}
	#mcatalog table tr td {
	    font-size: 14px;
	    padding: 5px;
	}
	#mwhy2 .box p{
		    width: 100%;
	    display: block;
	    margin: 0 auto;
	}
	
	
}
/*mobile*/
@media (min-width: 320px) and  (max-width: 767px) { 
	
}