@media (max-width: 1219px){
	.container{width: 1020px}
	/*--- Section_1 ---*/
		.video_btn{
            right: 15px;
        }
	/*--- Section_3 ---*/
		.for {
		    font-size: 15px;
		}
			.for_text {
			    padding: 30px 15px 90px 15px;
			}
				.for_text ul {
				    margin: 20px 0 0 0;
				}
					.for_text ul li {
					    margin: 0 0 10px 0;
					}
				.for_text .btn {
				    left: 15px;
				    right: 15px;
				    bottom: 15px;
				}
	/*--- Section_4 ---*/
		.we_installed .owl-carousel {
		    width: auto;
		    margin: 0 35px;
		}
			.video {
			    width: 520px;
			}
	/*--- Section_5 ---*/
		.tested{
			width: auto
		}
			.text_left, .text_right {
			    margin: 20px 0 0 0;
			}
			.text_center {
			    width: 490px;
			}
	/*--- Section_6 ---*/
		.section_6 {
		    background-position: 60% 50%;
		}
	/*--- Section_10 ---*/
        .section_10 .forma_1{
            margin: 0;
        }
	/*--- Section_11 ---*/
        .installation .owl-carousel{
			width: auto;
			margin: 0 35px;
        }
	/*--- Section_12 ---*/
		.icons_2 div.center {
		    margin: 0 80px;
		}
	/*--- Section_13 ---*/
		.icon_block, .text_block {
		    width: 480px;
		}
}
@media (max-width: 1039px){
	.container{width: 840px}
	/*--- Section_3 ---*/
		.for {
		    font-size: 13px;
		}
			.for_text {
			    padding: 20px 15px 80px 15px;
			}
				.for_text span {
				    font-size: 16px;
				    min-height: 38px;
				}
				.for_text ul {
				    margin: 15px 0 0 0;
				}
			.for_text .btn {
			    height: 50px;
			    line-height: 50px;
			    font-size: 16px;
			}
	/*--- Section_4 ---*/
		.video {
		    width: 410px;
		}
		.info {
		    width: 300px;
		}
			.name_info {
			    width: 200px;
			}
	/*--- Section_5 ---*/
		.text_left div, .text_right div {
		    margin: 0 0 40px 0;
		}
		.text_center {
		    width: 310px;
		}
	/*--- Section_6 ---*/
		.section_6 {
			background: url("../images/section_6/bg_tablet.jpg") center no-repeat;
        	background-size: cover;
		}
			.forma_2{
				width: auto !important;
				float: none !important;
			}
	/*--- Section_9 ---*/
		.section_9{
			background-position: 53% 50%;
		}
			.icons_1{
				width: auto;
			}
				.icons_1 div p {
				    width: 230px;
				}
					.icons_1 div p br{
						display: none;
					}
	/*--- Section_10 ---*/
        .section_10 {
			background: url("../images/section_10/bg_tablet.jpg") center no-repeat;
			background-size: cover;
			text-align: center;
    	}
    		.section_10 .forma_1{
	            float: none;
	            width: 100%;
	            max-width: 550px;
	            display: inline-block;
	            vertical-align: middle;
	        }
	/*--- Section_12 ---*/
		.icons_2 div {
		    width: 250px;
		}
		.icons_2 div.center {
		    margin: 0 20px;
		}
	/*--- Section_13 ---*/
		.icon_block, 
		.text_block {
			width: 100%;
	   		max-width: 655px;
		}
		.icon_block {
		    margin: 0 0 50px 0;
		}
			.text_block br{
				display: none;
			}
	/*--- Section_14 ---*/
        .section_14 .icon_block {
            margin: 50px 0 0 0
        }
	/*--- Section_15 ---*/
		.section_15 {
			background: url("../images/section_15/bg_tablet.jpg") center no-repeat;
        	background-size: cover;
		}
	/*--- Footer ---*/
		.footer_left .phone {
		    margin: 0 0 0 30px;
		}
}
@media (max-width: 859px){
	.container{width: 660px}
	/*--- Header ---*/
		.header_left p{
			display: none;
		}
	/*--- Section_1 ---*/
		.title h1 br{
            display: none;
        }
		.title .btn {
		    width: 330px;
		}
			.btn span {
			    margin: 0 10px 0 0;
			}
		.video_btn p {
		    margin: 0 0 0 15px;
		}
	/*--- Section_3 ---*/
		.section_3{
	        padding: 0 0 60px 0;
	    }
			h2 br{
				display: none;
			}
			.for {
			    font-size: 14px;
			}
				.for > div {
				    width: 300px;
				    margin: 0 15px 30px 15px;
				}
				.for > div:before{
	                opacity: 0.89;
	            }
					.for_text span{
	                    font-size: 20px;
	                    min-height: 48px;
	                }
					.for_text{
	                    padding: 47px 40px 105px 40px;
	                }
	                	.for_text ul{
	                        margin: 15px 0 0 0;
	                        opacity: 1;
	                        visibility: visible;
	                    }
	                    	.for_text ul li{
	                            margin: 0 0 15px 0;
	                        }
	                .for_text .btn{
		                height: 65px;
		                line-height: 65px;
		                font-size: 18px;
		                left: 40px;
	                    right: 40px;
	                    bottom: 30px;
	                    opacity: 1;
	                    visibility: visible;
		            }
	/*--- Section_4 ---*/
		.video, .info{
			float: none;
		    width: 100%;
		    height: 340px;
		}
		.info{
			height: auto;
			margin: 30px 0 0 0;
		}
			.name_info {
			    float: left;
			    width: 270px;
			    margin: 0 0 0 30px;
			}
	/*--- Section_5 ---*/
		.text_left, .text_right {
		    margin: 0;
		    width: 155px;
		}
			.text_left div, .text_right div {
			    margin: 0 0 30px 0;
			}
		.text_center {
	        width: 290px;
   			margin: 0 15px 0 15px;
		}
			.text_center img {
			    margin: 60px 0 0 0;
			}
	/*--- Section_6 ---*/
		.lists ul,
		.forma_2 form input[type=text],
		.forma_2 .btn{
		    width: 300px;
		}
	/*--- Section_9 ---*/
		.section_9{
			background: #ffffff;
		}
			.icons_1 div {
			    margin: 0 2% 30px 2%;
			    vertical-align: top;
			    width: 46%;
			    text-align: center;
			}
				.icons_1 div p {
				    width: auto;
				    display: block;
				    margin: 10px 0 0 0;
				}
	/*--- Section_12 ---*/
		.icons_2 div {
		    width: 200px;
		}
		.icons_2 div.center {
		    margin: 0 8px;
		}
			.icons_2 div > span{
				font-size: 60px;
			}
	/*--- Footer ---*/
		footer{
			text-align: center;
		}
	        .footer_left,
	        .footer_right{
	            float: none;
	        }
	        .footer_left{
	        	margin: 0 0 30px 0;
	        	text-align: left;
	        }
	            .footer_left .phone{
	            	float: right;
	                text-align: right;
	                margin: 0;
	            }
}
@media (max-width: 679px){
	.container{width: 480px}
	/*--- Section_1 ---*/
		.section_1{
			height: 600px;
			text-align: center;
	        padding: 150px 0 0 0;
	    }
	    	.main_slider{
	            width: 1477px;
	        }
			.title h1 {
			    font-size: 30px;
			}
			.title_icons{
				font-size: 0;
				margin: 50px 0;
				text-align: justify;
                text-justify: newspaper;
			}
			.title_icons:after {
                content: "";
                width: 100%;
                display: inline-block;
            }
				.title_icons div {
				    width: 115px;
				    text-align: center;
				    font-size: 14px;
				    margin: 0 !important;
				    vertical-align: top;
				}
					.title_icons div span {
					    margin: 0 0 15px 0;
					}
					.title_icons div p{
						display: block;
					}
			.title .btn {
			    width: 270px;
			}
				.title .btn p{
					width: 150px;
    				line-height: 0.8;
				}
			.video_btn p{
				display: none;
			}
	/*--- Section_2 ---*/
		.section_2{
			background: url("../images/section_2/bg_mobile.jpg") center no-repeat;
        	background-size: cover;
        	padding: 50px 0;
		}
			.forma_1 {
			    width: auto;
			    text-align: center;
			    float: none;
			}
	/*--- Section_3 ---*/
	    .section_3{
	        padding: 0 0 42px 0;
	    }
	        h2{
	            font-size: 26px;
	            padding: 50px 0 0 0;
	        }
	        .for{
        	    margin: 50px -15px 0 -15px;
	        }
		        .for > div {
				    width: 48%;
				    margin: 0 1% 2% 1%;
				}
					.for_text {
					    padding: 30px 15px 90px 15px;
					}
						.for_text ul {
						    margin: 15px 0 0 0;
						}
							.for_text ul li {
							    margin: 0 0 10px 0;
							}
						.for_text .btn {
						    left: 15px;
						    right: 15px;
						    bottom: 15px;
						    height: 50px;
			    			line-height: 50px;
						}
	/*--- Section_4 ---*/
		.section_4 {
		    padding: 0 0 50px 0;
		}
			.we_installed{
				margin: 50px 0 0 0;
			}
				.video {
				    height: 250px;
				}
	/*--- Section_5 ---*/
		.section_5{
			padding: 0 0 50px 0;
		}
			.tested {
			    margin: 50px 0;
			}
				.text_left, .text_right {
				    width: auto;
				    float: none;
				    text-align: center;
				}
				.text_right,
				.text_center, .text_center img{
					margin: 30px 0 0 0;
				}
				.text_center {
				    width: auto;
				    float: none;
				}
					.text_center img{
						display: none;
					}
					.text_center img.mobile{
						display: block;
					}
			.btn_block .btn p {
			    width: auto;
			    line-height: inherit;
			}
	/*--- Section_6 ---*/
		.section_6{
	        padding: 0 0 50px 0;
	    }
    		.forma_2 h2 {
			    padding: 50px 0 0 0;
			    text-align: center;
			}
			.lists ul{
				text-align: left;
				margin: 0 0 5px 0;
			}
			.lists ul,
			.forma_2 form input[type=text],
			.forma_2 .btn {
			    width: 100%;
			    float: none;
			}
			.forma_2 form input[type=text] {
			    margin: 0 0 20px 0;
			}
	/*--- Section_7 ---*/
	    .section_7{
	        padding: 0 0 50px 0;
	    }
			.img_change {
			    margin: 50px auto;
			}
	/*--- Section_8 ---*/
		.section_8{
			padding: 0 0 50px 0;
		}
			.section_8 span {
			    margin: 50px 0;
			}
	/*--- Section_9 ---*/
		.section_9{
			padding: 0 0 50px 0;
		}
			.icons_1 {
			    margin: 50px 0 0 0;
			}
			.section_9 .btn {
			    margin: 20px auto 0 auto;
			}
	/*--- Section_10 ---*/
		.section_10 {
		    padding: 50px 0;
		}
	/*--- Section_11 ---*/
	    .section_11{
	        padding: 0 0 50px 0;
	    }
	    	.installation{
	            margin: 50px 0;
	        }
	/*--- Section_12 ---*/
	    .section_12{
	        padding: 0 0 50px 0;
	    }
	        .icons_2{
	            margin: 50px 0;
	        }
	        	.icons_2 div {
				    width: 100%;
				    max-width: 370px;
				}
				.icons_2 div.center {
				    margin: 30px 0;
				}
					.icons_2 div > span{
						font-size: 70px;
					}
	/*--- Section_13 ---*/
		.section_13{
	        padding: 50px 0;
	    }
	    	.text_block span{
                margin: 33px 0 50px 0;
            }
	/*--- Section_14 ---*/
        .section_14 {
            padding: 50px 0;
        }
        	.icon_block div {
			    width: 130px;
			}
	/*--- Section_15 ---*/
	    .section_15{
	        padding: 0 0 50px 0;
	    }
}
@media (max-width: 499px){
	.container{width: 100%}
	/*--- Header ---*/
		.header_left {
		    width: 140px;
		}
		.phone {
		    font-size: 12px;
		}
			.phone p {
			    font-size: 17px;
			    margin: 0 0 5px 0;
			}
	/*--- Section_1 ---*/
		.section_1 {
		    padding: 115px 0 0 0;
		}
			.title h1 {
			    font-size: 22.8px;
			    line-height: 1.1;
			    max-width: 320px;
			    margin: 0 auto;
			}
			.title_icons {
			    margin: 40px auto;
    			max-width: 430px;
			}
				.title_icons div {
				    width: 90px;
				    font-size: 11px;
				}
			.btn{
			    height: 60px;
			    line-height: 60px;
			    margin: 0 auto;
			}
			.title .btn{
				width: 100%;
				max-width: 380px;
			}
				.title .btn p {
				    width: auto;
				    line-height: inherit;
				}
			.video_btn {
				position: relative;
			    right: 0;
			    bottom: 0;
			    font-size: 14px;
			    display: inline-block;
			    vertical-align: middle;
			    margin: 50px 0 0 0;
			}
				.video_btn span {
				    font-size: 50px;
				}
				.video_btn p {
				    display: inline-block;
				}
	/*--- Section_2 ---*/
		.forma_1 form input[type=text]{
			height: 60px;
		}
	/*--- Section_3 ---*/
		.for{
    	    font-size: 16px
        }
			.for > div {
			    width: 100%;
			    max-width: 300px;
			    float: none;
			    display: inline-block;
			    vertical-align: top;
			    margin: 0 0 2% 0;
			}
				.for_text{
	                padding: 47px 40px 105px 40px;
	            }
	            	.for_text ul{
	                    margin: 22px 0 0 0;
	                }
	                	.for_text ul li{
	                        margin: 0 0 15px 0;
	                    }
	                .for_text .btn{
	                    height: 65px;
	                    line-height: 65px;
	                    left: 40px;
	                    right: 40px;
	                    bottom: 30px;
	                }
	/*--- Section_4 ---*/
		.video {
		    height: 150px;
		}
		.name img {
		    width: 50px !important;
		}
		.name_info {
		    width: 70%;
		    margin: 0 0 0 15px;
		}
	/*--- Section_5 ---*/
		.btn_block .btn{
			width: 100%;
		}
			.btn_block .btn p {
			    width: 70%;
			    line-height: 0.8;
			}
	/*--- Section_8 ---*/
		.section_8 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Section_9 ---*/
		.icons_1 div > span {
		    font-size: 55px;
		}
		.icons_1 div p {
		    font-size: 16px;
		}
		.section_9 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Section_11 ---*/
		.section_11 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Section_12 ---*/
		.section_12 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Section_13 ---*/
		.section_13 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Section_14 ---*/
		.icon_block div {
		    width: 30%;
		}
		.section_14 .btn{
			width: 100%;
			max-width: 370px;
		}
	/*--- Footer ---*/
		.footer_left {
		    text-align: center;
		}
			.footer_left > p {
			    float: none;
			    width: auto;
			    margin: 0 0 15px 0;
			}
			.footer_left .phone {
			    float: none;
			    text-align: center;
			}
		.footer_right p{
			display: block;
		}
		.footer_right a{
            margin: 15px 0 0 0;
        }
	/*--- Modal ---*/
		.form_box,
		.more_box{
		    padding: 15px;
		}
			.form_box .btn p {
			    width: 70%;
			    line-height: 0.8;
			}
}