#burger {
	display: none;	
}
@media screen and (max-width: 1200px) {
	html {
		font-size: 12px;
	}
	header .logo img {
		width: 135px;
	}
	#burger {
		display: block;
		width: 100%;
		max-width: 60px;
		padding: 12px;
		background: none;
		border: 0;
		border-left: 1px solid #fff;
		text-transform: uppercase;
    	text-align: center;
	}
	#burger ~ li{
		display: none;
		width: calc(100% + 65px);
		background: rgba(0, 0, 0, .75);
	}
	#slider .slick-slide {
		overflow: hidden;
	}
	#slider img {
		float: right;
		width: auto;
	}
	.product #slider {
		height: auto;
		margin-bottom: 30px;
	}
	.product img {
		height: auto;
	}
}
@media screen and (max-width: 1024px) {
	header {
		height: 70px;
	}
	header .logo {
		padding: 10px;
	}
	header .logo img {
		width: 30px;
	}
	.nav-1 a {
		padding: 10px;
	}
	header .clear {
		height: 30%;
	}
	#x {
		position: absolute;
		top: 10px;
		right: 15px;
	}
	#x h2 {
		font-size: 4rem;
	}
	
	footer {
		padding: 10px;
		text-align: center;
	}
	footer .logo img {
		width: 50%;
	}
	
	section {
		padding-top: 75px;
	}
	
	#slider {
        height: auto;
	}
	#slider img {
        width: 100%;   
	}
	#slider .slick-prev, #slider .slick-next {
		width: 5%;
		height: 50px;
		background-size: 100%;
	}
	#slider .slick-prev {left: 5%;}
	#slider .slick-next {right: 5%;}
	
	#nav {
		margin-bottom: 30px;
	}
	
	.product label {
		margin-bottom: 0;
	}
	.product button {
		margin-top: 15px;
	}
	
	header .nav-1 {
	    margin-top: 0;
        width: calc(100% - 65px);
	}
	.nav-1 a {
        padding: 12px;
    }
    header.fixed .logo img {
        width: 30px;
    }
    
	.nav-2 {
		width: auto;
		margin-top: 0;
	}
	.nav-2 li {
		height: 50px;	
	}
	.nav-2 a {
		padding: 0;
	    padding-left: 35px!important;
		font-size: 0;
	}
	.nav-2 li:first-child a {
	    background: url(../image/tel.png) center no-repeat;
	}
	.nav-2 li:nth-child(2) a {
	    background: url(../image/mail.png) center no-repeat;
	}
	.login {
		width: auto;
		padding-left: 35px!important;
		background-size: auto!important;
		background-position-x: center!important;
		line-height: 85px!important;
		font-size: 1.5rem;
	}
	
	#docs a {
	    height: 190px;
	}
}