@media only screen and (max-width : 768px) {
	.desktop-index-text{
		display: none;
	}
	.custom.mobile p{
		float: none !important;
	}
	.custom.mobile iframe{
		height: 300px;
	}
	.body{
		min-width: inherit;
	}

	.text div{
		width: 100%;
		margin: 0 0 0 0;
	}

	td{
		display: block;
	}

	table{
		width: 100%;
	}

	header{
		background: #fff;
		padding-top: 10px;
		height: 220px;
		display: block;
		margin: 0;
	}

	header .wrapper{
		display:flex;
		justify-content: center;
	}

	#logo-footer a{
		background: url(img/mlogo-footer.png);
		width: 120px;
		height: 36px;
	}

	h1#logo > a {
		background: url("img/mlogo.png") no-repeat center center;
		width: 300px;
		height: 90px;
		padding: 0;
	}
	
	.wrapper{
		width: 100%;
	}

	.main-menu{
		display: none;
	}

	.contacts-mobile{
		margin-top: 20px;
		display: block;
		font-family: 'HelveticaNeueCyrLight';
		text-align: center;
		font-size: 16px;
	}
	.sub-menu, .left-aside, .contacts, .main-slider{
		display:  none;
	}

	.content-container{
		margin-top: 10px;
	}

	.content-container iframe{
		width: 100%;
		height: 100%;
		display: block;
	}

	footer{
		height: 220px;
	}

	.col-xs-2{
		width: 33%;
		padding-top: 10px;
	}

	.col-xs-1{
		padding-top: 10px;
	}

	#virtech{
		margin-left: 10px;
		width: 60px;
		height: 30px;
	}

	.y-metrika{
		width: 50px;
		height: auto;
	}

	footer > .wrapper > div{
		border: none;
		margin-top: 15px;
	}
	.image img{
		display: none;
	}
	.article-item .text p img{
		width: 80%;
	}

	.mobile{
		display: block;
	}

	#menu{
		width: 256px;
		position: fixed;
		top:0;
		left: 0;
		height: 100vh;
		z-index: 0;
		background: #336699;
		color:#fff;
		padding-top: 40%;
		display: none;
	}

	.slideout-open #menu{
		display: block;
	}

	.menu li a{
		color: #fff;
		font-size: 20px;
	}

	.menu li a: on-click{
		color: #336699;
	}

	#panel{
		position: relative;
		z-index: 1;
		transition: none;
	}	

	.slideout-toggle{
		display: block;
		position: sticky;
		top:5px;
		left: 10px;
		width: 40px;
		height: 40px;
		background: #336699;
		z-index: 1000;
		border-radius: 50%;
	}
	
	.slideout-toggle span, .slideout-toggle span:before, .slideout-toggle span:after{
		display: block;
		width: 20px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -10px;
		margin-top: -1px;
	}

	.slideout-toggle span:before, .slideout-toggle span:after{
		content: "";
	}

	.slideout-toggle span:before{
		transform: translateY(-5px);
	}

	.slideout-toggle span:after{
		transform: translateY(5px);
	}
	.slideout-panel {
        position: relative;
        z-index: 1;
    	will-change: transform;
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
    	overflow: hidden;
    }

	/* catalog-menu */

	ul{
		padding: 0;
	}
	.all-cats{
		background: #336699;
		color: #fff;
		text-align: center;
		padding: 15px 0;
		margin: 0;
		font-size: 22px;
		border:1px solid #fff;
		position: relative;
	}

	.all-cats::after{
		content: "\f106";
		font-family: "FontAwesome";
		position: absolute;
		right: 15px;
		transition: 0.3s;
	}

	.in::after{
		transform: rotate(180deg);
	}

	.first-lvl{
		margin: 0;
		display: none;
		transition: none;
	}

	.first-lvl.show{
		display: block;
	}

	.first-lvl-itm{
		background: #336699;
		color: fff;	
		border:1px solid #fff;
		padding-bottom: 20px;
	}

	.first-lvl-itm a:hover, .first-lvl-itm a:focus{
		text-decoration: none;
		color: #fff
	}

	.second-lvl{
		display: none;
		transition: none;
	}

	.second-lvl.show{
		display: block;
	}

	.first-lvl-link{
		padding: 0 auto;
		display: block;
		color: #fff;
		text-decoration: none;
		height: 40px;
		padding-top: 20px;
		padding-left: 10px;
		font-size: 16px;
	}

	.first-lvl-link::after{
		content: "\f107";
		font-family: "FontAwesome";
		position: absolute;
		right: 15px;
		transition: 0.3s;
	}

	.second-lvl-parent{
		background: #fff;
		padding: 15px 0;
		padding-left: 20px;
		transition: none;
	}

	.second-lvl-parent a{
		text-decoration: none;
		color: #000;
		display: block;
		width: 100%;
		height: 100%;
		transition: none;
	}

	.product-item.col-xs-3{
		width: 30%;
	}

	.product-item .image a{
		width: 100%;
	}

	.product-item{
		height: 360px;
		margin: 10px 0 10px 0;
	}

	.product-item .info{
		height: 50px;
	}

	.product-item .info .views {
		margin-left: 10px;
	}

	.col-xs-9{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media only screen and (max-width : 768px) {
	.product-item.col-xs-3{
		width: 45%;
	}	
}

@media only screen and (max-width : 480px) {
	header{
		height: 200px;
	}

	.text{
		font-size: 12px;
	}

	.contacts-mobile{
		margin: auto;
		margin-top: 15px;
		font-size: 14px;
	}

	h2{
		font-size: 20px;
	}

	.breadcrumb{
		font-size: 10px;
	}

	footer{
		height: 280px;
	}

	#virtech{
		margin-left: 30px;
	}

	.col-xs-2{
		width: 50%;
		padding-top: 10px;
	}

	.col-xs-1{
		padding-top: 10px;
	}

	footer > .wrapper > div{
		border: none;
		margin-top: 15px;
	}

	.product-item.col-xs-3{
		width: 100%;
	}

	.product-item .image a{
		width: 100%;
	}


}