@media screen and (max-width:1023px) {
	
}
@media (max-width: 767px) {
	#page {
		width:100%;
		transform:none !important;
	}
	.logo a {
    	display: block;
	}
	.logo a img {
    	max-height: 64px;
	}
	header .container,
	footer .container {
    	width: 100%;
	}
	header {
      	display: block;
      	padding: 25px 0 10px;
	}
	header .logo {
	    padding: 0;
	    background: #f6bc00;
	 	width: 100%;
 	    margin: auto;
    	max-width: inherit;
    	text-align:center;
    	flex-direction: row;
	}
	header .menu {
    	padding: 0;
	    width: 100%;
	    max-width: 100%;
	    padding-right: 35px;
	    padding-top: 20px;
	    display: inline-block;
	    text-align: right;
	    z-index: 100;
	    top: 90px;
	    right: 0;
	    width:200px;
	    padding-bottom:10px;
	    background: #f6bc00;
	    position: fixed;
	    transform: translateX(100%);
	    -moz-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -webkit-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transition: all linear .3s;
	}
	header .menu.open {
		transform: translateX(0%);
	    -moz-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	    -webkit-transform: translateX(0%);
	    -o-transform: translateX(0%);
	}
	header .open-menu i {
		display: inline-block;
		width: 100%;
		height: 3px;
		background: #000;
		float: left;
		margin-bottom: 3px;
		transition: all linear .3s;
	}
	header .open-menu.close i:nth-child(2) {
		opacity: 0;
	}
	header .open-menu.close i:first-child {
		transform: rotate(-45deg) translate(-4px,8px);
		-moz-transform: rotate(-45deg) translate(-4px,8px);
	    -ms-transform: rotate(-45deg) translate(-4px,8px); 
	    -webkit-transform: rotate(-45deg) translate(-4px,8px); 
	    -o-transform: rotate(-45deg) translate(-4px,8px);
		margin: 0;
	}
	header .open-menu.close i:last-child {
		transform: rotate(45deg) translate(2px,-3px);
		-moz-transform: rotate(45deg) translate(2px,-3px);
	    -ms-transform: rotate(45deg) translate(2px,-3px); 
	    -webkit-transform: rotate(45deg) translate(2px,-3px); 
	    -o-transform: rotate(45deg) translate(2px,-3px);
		margin: 0;
	}
	header .menu ul {
       	display: block;
       	margin: 0 0 5px;
	}
	header .menu ul:after {
       	content: '';
       	display: table;
       	clear: both;
    }
	header .menu li {
    	display: inline-block;
	    width: 100%;
	    float: left;
	}
	header .menu li a {
	    display: block;
	    line-height: 1.3;
	    color: #070707;
	    font-size: 25px;
	    font-family: 'm';
	    padding-left: 15px;
	}
	header .contacts {
	    max-width: 50%;
	    width: 50%;
	    padding-top: 0px;
	    padding-right: 0;
	    float: right;
	    text-align: right;
	    display: none;
	}
	header .contacts .phone {
		margin-bottom: -3px !important;
    	width: 100%;
	}
	header a.call {
	    margin: 10px auto 0;
	    font-size: 15px;
	    padding: 0 10px;
	    font-weight: 400;
	}
	header .contacts .phone,
	.call {
		float: inherit;
	}
	header .contacts .phone,
	footer .contacts .phone {
       	font-size: 16px;
	    line-height: 25px;
	    display: inline-block;
	    margin: 0;
	    padding-left: 0;
	    text-align: center;
	    float: right;
	    text-indent: 0;
	    background: none;
	}
	footer .contacts {
        float: inherit;
   	}
   	footer .contacts .phone {
   
   	}
	header .contacts .phone:before {
	    display: none;
	}
	a.call {
   		max-width: 300px;
	    margin: 0px auto 0;
	    font-size: 15px;
	    display: inline-block;
	    width: auto;
	    padding: 0 15px;
	    height: 30px;
	    line-height: 32px;
	    letter-spacing: 0;
	}
	#slider .slick-arrow {
		display:none !important;
	}
	p {
		margin:0 0 20px;
		font-size:20px;
		text-indent:20px;
	}
	section {
		margin:0 0 30px;
	}
	#slider {
		margin-bottom:40px;
	}
	#menu .col-sm-4, .home #news .col-sm-4 {
		max-width:500px;
		margin:0 auto 60px;
	}
	.menu-item span {
		font-size:35px;
	}
	.title a, .product-item h3 {
		font-size:25px;
	}
	.cont {
		font-size:17px;
	}
	#advahtage .col-sm-2 {
		width:33.33%;
		margin-bottom:25px;
		float:left;
	}
	#menu {
		padding:50px 0;
	}
	footer {
		background:#F6BC00;
		font-size:25px;
		padding: 5px 0 10px;
	}
	footer .row {
    	display: inherit;
	}
	footer .col-sm-4 {
		padding: 0;
	}
	footer .phone {
		color: #03171f;
	    background: url(../images/icon1.png) no-repeat left center;
	    background-size: contain;
	    font-size: 16px;
    	margin: 0;
	    padding-left: 30px;
	}
	footer .address,
	footer .mail {
		font-size: 16px;
    	background-size: 16px;
	    padding-left: 30px;
	    display: inline-block;
	    line-height: 1;
	}
	footer .contacts {
		text-align:center;
		font-size:25px;
		margin-top:20px;
	}
	footer .logo {
		margin-bottom:20px;
	}
	footer .info {
		width: 100%;
		max-width: 230px;
	    text-align: left;
	}
	#pages h1, #news h1, #material h1 {
		font-size:35px;
		line-height:65px;
	}
	#news .h {
		font-size:35px;
	}
	#news .all-news {
		font-size:20px;
	}
	#gallery .col-sm-4 {
		display:inline-block;
		margin:0 10px 20px;
		max-width:450px;
	}
	#gallery {
		text-align:center;
	}
	#contacts h1 {
		font-size:40px;
		margin-top:40px;
	}
	#contacts .flex-end {
		display:none;
	}
	#contacts .text-center {
		max-width:500px;
		margin:0 auto;
	}
	#contacts p:last-child, #contacts p {
		font-size:30px;
	}
	#products .product .col-sm-4 {
		max-width:500px;
		margin:0 auto 30px;
	}
	#products .options .col-sm-6 {
		width:60%;
		float:left;
	}
	#products .options .col-sm-6:first-child {
		width:40%;
	}
	#products .r {
		font-size:28px;
	}
	#material .menu {
		max-width:450px;
		margin:0 auto 30px;
	}
	#material .row > div.col-sm-9 {
		padding-right:15px;
	}
	.alignleft,
	.alignright,
	.aligncenter {
		float:none;
		margin:30px auto;
		display:block;
		height:auto;
	}
	#material h2 {
		font-size:35px;
	}
	#material .c p,
	#material .c p {
		font-size: 16px;
	}
	#advant strong {
		font-size:25px;
	}
	#advahtage h2, #partners h2 {
		font-size:38px;
	}
	footer .logo {
		margin-left:0;
		padding: 0 15px;
	}
	.product-item span {
		font-size:35px;
	}
	#products .r .text-right {
		font-size:28px;
	}
	.open-menu {
		display:none
	}
	#material .menu.fix {
		position:static;
		margin-top:0 !important;
	}
	#products h2 {
    	margin: 20px 0 10px;
    	font-size: 27px;
	}
	#advahtage .col-sm-2 {
		width:50%;
		margin-bottom:25px;
		float:left;
	}
	#pages h1, #news h1, #material h1 {
		font-size:30px;
		line-height:55px;
		text-align:center;
	}
	#news .h {
		font-size:30px;
		margin:0;
	}
	#news .all-news {
		font-size:18px;
	}
	p {
		font-size: 15px;
    	text-align: justify;
	}
	#news .date {
		font-size:22px;
		display:block;
		margin:0 0 10px;
	}
	.slick-image-slide, .slide-wrap {
    	height: 160px;
	}
	#advahtage h2, #partners h2 {
		font-size:30px;
		letter-spacing:1px;
	}
	.adv-item span {
		font-size:20px;
	}
	#partners {
		padding-top:0;
		overflow: hidden;
	}
	.form h2 {
		font-size:25px;
	}
	#contacts p:first-child {
		white-space:inherit;
	}
	#contacts h1 {
		font-size:30px;
		margin-top:40px;
	}
	#contacts p:last-child, #contacts p, #contacts .phone {
		font-size:20px;
	}
	#contacts .phone {
		background-size:20px;
	}
	#contacts h3 {
		width:230px;
		font-size:25px;
	}
	#material blockquote {
		margin-right:0;
		padding:7px;
	}
	#material .menu {
		background:none;
		padding:0 20px;
	}
	#material .menu ul {
		margin-left:0;
	}
	#material h2 {
		font-size:30px;
	}
	#advant strong {
		font-size:22px;
	}
	#material .c h3 {
		font-size:25px;
		text-align:center;
	}
	#how img {
		margin-left:0;
	}
	#products .cont {
		font-size: 12px;
	    height: auto;
	    margin-bottom: 20px;
	}
	.product-item span {
		font-size: 17px;
	    min-width: inherit;
	    right: 15px;
	    padding: 5px 15px;
	}
	.product-item span:before {
       	width: 25px;
	}
	#products .img {
	    display: inline-block;
	    width: 30%;
	    height: auto;
	    float: left;
	}
	.bg-black {
	    margin: -10px 10px 0px 10px;
	    padding: 0 15px 20px;
	}
	#products .bg-black {
		margin: 0 !important;
	    padding: 0 0 0 5px;
	    display: inline-block;
	    width: 70%;
	    float: left;
	}
	#products .bg-black:before,
	.title a:before, .product-item h3:before {
		display: none;
	}
	.product-item:after {
    	content: '';
    	display: table;
    	clear: both;
	}
	#products .r .text-right {
		font-size:20px;
	}
	#products .r, #products .r b {
	    font-size: 16px;
	    margin-bottom: 10px;
	    vertical-align: top;
    }
    #products .options {
   	    margin-top: 20px;
    }
	#products .color {
		width:25px;
		height:25px;
		margin:0 5px 5px 0;
	}
	.menu-item span {
		font-size: 23px;
    	right: 10px;
	}
	#menu {
		padding-bottom:0;
	}
	.title a {
		font-size:22px;
	}
	.product-item h3 {
    	font-size: 14px;
    	margin: 0;
	}
	.cont {
		font-size:14px;
	}
	#map {
    	height: 350px;
    }
    #top {
    	right: 5px;
    	bottom: 70px;
	}
}