@media screen and (max-width: 1300px) {
	.main {
		width: 100%;
		padding: 0 10px;
	}

}

@media screen and (max-width: 1280px) {
	.header__container {
		width: 100%;
		max-width: 100%;
	}

	.header {
		padding: 0 10px;
	}

	.tit_of {
		font-size: 20px;
	}
}

@media screen and (max-width: 1150px) {
	.tel {
		display: none;
	}

	.tit_srv {
		font-size: 20px;
	}

	.text_srv {
		font-size: 14px;
	}

	.tit_comp {
		font-size: 50px;
		min-width: 150px;
	}
	.text_c {
	    font-size: 16px;
	    margin-bottom: 10px;
	}

}

@media screen and (max-width: 1023px) {
	
	.mail {display: none;}


	.text_bnr {
		width: 50%;
	}

	.form {
		width: 50%;
	}

	.box_comp_1, .box_comp_2 {width: 46%;}

	.text_dlv {
		font-size: 13px;
	}

	.tit_adv {
    	font-size: 14px;
	}

	.numb_sr {
		font-size: 60px;
	}

	.subtit_of {
		font-size: 12px;
	}
	.boxes_of {
		flex-wrap: wrap;
	}
	.box_of {
	    width: 50%;
	    margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	
	.mail {display: none;}


	.text_bnr {
	    width: 100%;
	    padding-right: 0px;
	    padding-bottom: 50px;
	}

	.form {
		width: 100%;
	}
	.bnr {
		 height: auto;
		 padding: 100px 0 80px 0;
	}

	.bnr .main {
	    flex-direction: column;
	    height: 100%;
	}

	.box_comp_1, .box_comp_2 {width: 100%;}
	.box_srv {
		width: 47%;
    	height: auto;
    	margin-bottom: 20px;
	}

	.box_adv {
		width: 47%;
	}

	.box_desc {
	    flex-direction: column;
	}

	.left_comp {
   		width: 100%;
	    padding-right: 0px;
	}

	.right_comp {
		height: 250px;
		width: 100%;
	}

	.stockroom .main {
    	flex-direction: column;
	}

	.left_sr, .right_sr {
		width: 100%;
	}

	.left_sr {
		padding-right: 0px;
	}

	.right_sr {
		height: 250px;
	}

	.text__logo {
		text-align: center;
	}

	.menu__list {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	div#company, div#office, div#comment, div#price, div#services {
	    top: 0px;
	}
	
}

@media screen and (max-width: 480px) {
	
	.box_btn .btn {
		font-size: 14px;
	}
	.box_srv {
		width: 100%;
	}

	.box_comp-img {
		flex-direction: column;
	}

	.box_comp-img img {
	    width: 100%;
	}

	.box_of {
    	width: 100%;
	}
}