@media (max-width: 1200px){
	.container{
		max-width: 992px;
	}
    .intagram {
        top: -36px;
    }
	.logo img{
		width: 60px;
	}
    .inst-icon {
        margin: -3px 0 0 10px;
    }
	.logo{
		margin: 3px 25px 0 0;
	}
    .navigation-list {
        margin-top: 10px;
    }
	.navigation-list li{
		margin-right: 10px;
		padding-right: 10px;
	}

	.navigation-list li a{
		font-size: 15px;
	}

	.header-right{
		margin-top: 13px;
	}

	.header .header-phone{
		margin-top: -16px;
	}

	.s4-text{
		float: none;
		padding: 0 40px 0 15px;
	}

	.header-btn{
		margin-top: 0;
	}

	.s1-slider__item .container{
		padding: 0 50px;
	}

	.header{
		height: 80px;
	}

	body{
		padding-top: 80px;
	}
}

@media (max-width: 1000px){
	body{
		padding-top: 78px;
	}
	.header{
		width: 100%;
		top: 0;
	}
	.container{
		max-width: 768px;
	}
    
	.header .header-row,
	.header .header-col{
		display: block;
	}

	.header .header-col{
		float: left;
	}

	.header .header-right{
		display: block;
		position: absolute;
		top:  0;
		right: 71px;
		width: 100%;
		height: 100%;
		margin-top: 0;
	}

	.header .header-phone{
		position: absolute;
		right: 199px;
		top: 0px;
		margin-top: 0;
	}

	.header .header-btn{
		position: absolute;
		right: 12px;
		top: 17px;
	}

	.menu-btn{
		display: block;
	}

	.header .navigation{
		position: absolute;
		background: #6b372a;
		top: 76px;
		padding: 20px;
		right: 0;
		width: 400px;
		z-index: 10;
		display: none;
		text-align: right;
		margin-top: 0;
	}

	.header .navigation-list li{
		float: none;
		margin: 0 0 30px 0;
		padding: 0;
	}

	.navigation-list li a{
		color: #fff;
		font-size: 18px;
	}

	.header .navigation-list li:after{
		width: 30px;
		height: 0;
		border-bottom: 1px solid #d4d4d4;
		bottom: -15px;
		top: auto;
	}

	.header .navigation .intagram{
		color: #fff;
		position: static;
	}

	.inst-icon{
		color: #fff;
	}

	.navigation .phone a,
	.navigation .header-phone > span{
		color: #fff;
		font-size: 14px;
	}

	.navigation .phone{
		display: inline-block;
	}

	.navigation .header-phone > span{
		margin-bottom: 10px;
		display: block;
		font-size: 14px;
	}

	.navigation .phone-icon{
		background-image: url(../images/phone-icon3.svg);
	}

	.section1{
		height: auto;
	}

	.s1-slider__item .container{
		flex-direction: column;
		padding: 40px 0;
		text-align: center;
		height: 500px;
		justify-content: center;
	}

	.s1-slider__btn{
		position: static;
		margin-top: 100px;
	}

	.s1-slider__text{
		margin-bottom: 30px;
	}

	.s1-slider__img{
		display: none;
	}

	.s1-slider__img img{
		max-width: 100px;
	}

	.s4-text{
		margin-bottom: 15px;
		max-width: 100%
	}

	.s4-row{
		flex-direction: column;
	}

	.s4-row .s4-col{
		width: 100%;
	}

	.s6-row{
		flex-wrap: wrap;
	}

	.s6-col{
		width: 50%;
		margin-bottom: 20px;
	}

	.s4-item2__btn2{
		text-align: left;
	}

	.s2-row{
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}

	.s2-col{
		width: 33.3333%;
		margin-bottom: 30px;
	}

	.s3-row{
		flex-wrap: wrap;
	}

	.s3-col{
		width: 50%;
	}

	.s3-item{
		max-width: 255px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.footer .header-row{
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch
	}

	.footer .header-col{
		margin-bottom: 30px;
		float: none;
	}

	.footer .header-right{
		text-align: right;
		margin: 0;
		justify-content: flex-end;
	}

	.reviews.s4-text{
		padding: 0 15px;
	}

	.product-img{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 40px;
		float: none;
	}

	.product-desc{
		width: 100%;
	}

	.reviews.s4-text{
		text-align: center;
	}

	.s4-item2__btn2{
		text-align: center;
	}

	.section7{
		padding-bottom: 60px;
	}

	.s4-slider__portfolio{
		display: none !important;
	}

	.s4-item2__img{
		display: block;
	}

	.s4-text{
		padding: 0 15px;
	}

	.footer .navigation{
		float: right;
	}
	
	.s4-slider2 .slick-arrow{
	    top: 44%;  
	}


}

@media (max-width: 780px){
	.section5{
		height: auto;
	}

	.s1-slider__text{
		padding: 0 25px;
		margin-bottom: 0;
	}

	.s1-slider__title{
		font-size: 27px;
	}

	.footer .header-col{
		flex-direction: column;
	}

	.footer .logo{
		margin: 0 0 20px 0;
		float: none;
		text-align: center;
	}

	.footer .navigation{
		text-align: center;
		float: none;
	}

	.footer .header-right{
		float: none;
		text-align: center;
	}

	.footer .intagram{
		position: static;
		margin-bottom: 20px;
		display: inline-block;
	}

	.footer .header-phone > span{
		position: static;
		margin-bottom: 5px;
	}

	.footer .header-phone{
		float: none;
		display: inline-block;
		text-align: center;
	}

	.footer-row{
		flex-direction: column-reverse;
		justify-content: center;

	}

	.footer .header-row{
		margin-bottom: 30px;
	}

	.footer-row .header-btn{
		margin: 0;
	}

	.f-col1{
		margin: 0 0 20px 0;
		float: none;
		text-align: center;
		width: 100%;
	}

	.f-col2{
		width: 100%;
	}

	.pay{
		text-align: center;
		margin-bottom: 50px;
	}

	.footer .header-btn{
		text-align: center;
	}

	.footer .navigation-list li{
		float: none;
		display: inline-block;
		margin-bottom: 10px;
	}

	.footer .navigation-list{
		text-align: center;
	}

	.footer .header-row{
		margin-bottom: 0;
	}

	.section5{
		padding: 40px 0;
	}

	.s3-col{
		width: 50%;
	}

	.s2-col{
		width: 50%;
	}

	.logo{
		margin-right: 0;
	}

	.subscribe-btn{
		margin-bottom: 30px;
	}

	.footer .phone{
		margin-bottom: 30px;
	}

	.s1-slider__item{
		height: 380px !important;
	}

	.s1-slider__btn{
		margin-top: 50px;
	}

	.modal-form__row{
		flex-direction: column;
	}

	.modal-form__col{
		width: 100%;
		margin-bottom: 15px;
	}

	.modal .fancybox-close-small{
		right: 0 !important;
		top: 0 !important;
	}

	.modal{
		padding: 30px !important;
	}
	
	
	.s1-slider__item .container{
	    height: 380px;
	    position: relative;
	}
	
	.s1-slider__btn{
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 40px;
	    text-align: center;
	}
	
	.s1-slider__text{
	    position: static;
	}
	
	.s1-slider .slick-prev{
    	background: url(../images/arrow-left.png) no-repeat 13px 50%;
    }
    
    .s1-slider .slick-next{
    	background: url(../images/arrow-right.png) no-repeat 42px 50%;
    }
}

@media (max-width: 650px){
	.header .header-right .header-phone{
		display: none;
	}

	.map-info{
		left: 50%;
		transform: translate(-50%,0);
		width: auto;
		min-width: 350px;
		padding: 0 40px;
		top: 40px;
	}

	.map{
		height: 640px;
	}

	.header .navigation{
		width: 100%;
	}

	.product-form .input{
		margin-bottom: 15px;
	}

	.header-col, .header-right{
		display: block;
	}

	.header-row{
		display: block;
	}

	.header .navigation .header-phone{
		display: block;
		position: static;
		float: none;
		margin-bottom: 20px;
	}
	
	.header-btn__call{
		display: inline-block;
	}

	.header-btn .button{
		padding: 0 20px;
		float: left;
	}

	.button.header-btn__write{
		font-size: 0;
		padding: 0 8px !important;
		margin-left: 15px;
	}

	.button.header-btn__write .wa-icon{
		margin: 0;
	}
	
	.s4-slider2 .slick-arrow{
	    top: 34%;
	}
	
	.header-btn__call span {
	    display: none;
	}
	
	.icon-phone3 {
        margin: 10px 0 0 0px;
	}
	
	.icon-whatsapp {
	    display: block;
	    font-size: 20px;
        margin-right: 10px;
	}
	
	.header-btn__write {
	    display: flex;
	    margin-left: 0;
        margin-right: 15px;
	}
	
	.header-btn {
        display: flex;
        flex-direction: row-reverse;
	}

}

@media (max-width: 540px){
	.s3-col{
		width: 100%;
	}
}

@media (max-width: 400px){
	.map-info{
		min-width: 300px;
	}

	.s6-item{
		width: 100%;
		padding: 0 10px;
	}

	.header-btn .button{
		padding: 0 7px 0 12px;
	}
}