/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 992px) {
	.right_width {width: 35%;}
	.left_width {width: 65%;}
	.button_mmenu {display: block;}
	.list > li {width: 33%;}
	.list > li.prelast {width: 40%;}
	.list > li.last {width: 60%;}
	.list_2 li {height: 180px;}
	.list_2 p {font-size: 16px;}
	.list_2 span {margin-bottom: 0;}
	
	.table_1 th,
	.table_2 th {font-size: 16px;}
	.table_2 tr td:nth-child(2), .table_2 tr th:nth-child(2) {min-width: 184px;}
	.panel_top.active_panel .wrap_menu {padding-top: 70px;}
	.close_menu {display: block;}
	.wrap_menu {
		display: none;
		position: fixed;
		top: 0;
		left: 50%;
		z-index: 15;
		-webkit-transform: translateX(-50%);
	       -moz-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	         -o-transform: translateX(-50%);
	            transform: translateX(-50%);
		padding-top: 70px;
	}
	.wrap_menu li {width: 100%; display: block; text-align: center; float: none; padding: 0; margin-bottom: 15px;}
	.wrap_menu li:after {display: none !important;}
	.wrap_menu li a {display: inline-block; font-size: 28px; line-height: 32px; color: #fff;}
}
@media only screen and (max-width : 768px) {
	.right_bl ul {font-size: 0;}
	.right_bl li {display: inline-block; vertical-align: top; width: 33.3%;}
	.right_bl {display: block; width: 100%; padding: 35px 15px; float: none;}
	.right_width {width: 100%;}
	.left_width {width: 100%;}
	.banner {height: 145px;}
	.banner h1 {font-size: 28px; line-height: 32px;}
	.table_1 td {padding-top: 4px;}
	.sect_4 .scrollbar-inner {overflow: auto;}
	.sect_4 .scrollbar-inner table {width: 720px;}
	.table_1 th {padding-bottom: 12px;}
	.table_1 tr:nth-child(2) td {padding-top: 15px;}
	.list_2 li {width: 33%;}
	.list_2 li:nth-child(4n):after {display: block;}
	.list_2 li:nth-child(3n):after {display: none;}
	.descr_compan {padding: 25px 0; margin: 0;}
	.sect_1 .name_sect,
	.sect_3 .name_sect,
	.sect_4 .name_sect,
	.sect_5 .name_sect,
	.sect_6 .name_sect {margin: 35px 0 25px;}
	.sect_5 {padding-bottom: 35px;}
	.right_bl p {margin-right: 0;}
}	
@media only screen and (max-width : 730px) {

}
@media only screen and (max-width : 680px) {

}
@media only screen and (max-width : 630px) {
	.name_news {font-size: 24px; line-height: 28px;}
}
@media only screen and (max-width : 580px) {
	.table_2 td {padding-top: 6px;}
	.table_2 tr td:nth-child(2), .table_2 tr th:nth-child(2) {min-width: 165px;}
	.sect_5 p {font-size: 16px; line-height: 24px;}
	.table_2 tr td:first-child,
	.table_2 tr:first-child th:first-child {padding-left: 20px;}
	.table_2 tr th {padding: 15px 5px;}
	.table_2 tr td {padding-left: 5px; padding-right: 5px;}
	.table_2 td,
	.table_2 tr:first-child th {min-width: 70px;}
	.list > li {margin-bottom: 35px;}
	.list > li {width: 50%; padding-right: 15px;}
	.list > li.prelast,
	.list > li.last {width: 100%;}
	.sect_2 {height: auto;}
	.descr_compan p,
	.name_news {font-size: 16px; line-height: 25px;}
	.download_link {margin-top: 25px;}
	.sect_6 {padding-bottom: 35px;}
}
@media only screen and (max-width : 530px) {
	.wrap_menu {width: 100%; overflow-y:auto; height: 100%;}
	.right_bl p {text-align: left;}
	.right_bl li {margin-bottom: 15px;}
	.right_bl .title_name {margin-bottom: 2px;}
	#map {height: 200px;}
	.right_bl li {display: block; width: 100%;}
	.right_bl li:last-child {margin-bottom: 25px;}
	.list > li {width: 100%; padding-right: 0;}
	.list > li br {display: none;}
	.list h4 {margin-bottom: 8px; min-height: initial;}
	.sect_6 p {font-size: 16px; line-height: 24px; margin-bottom: 25px; margin-top: 0;}
	.list_2 li {width: 50%;}
	.list_2 li:nth-child(3n):after {display: block;}
	.list_2 li:nth-child(2n):after {display: none;}
}
@media only screen and (max-width : 480px) {
	.logo img {width: 165px;}
	.button_mmenu {margin-top: 10px;}
	.list h4 {font-size: 16px; line-height: 22px;}
}
@media only screen and (max-width : 430px) {
	.banner h1 {font-size: 22px; line-height: 28px;}
	.list_2 li {height: 125px;}
	.list_2 p {line-height: 20px;}
	.list_2 p {font-size: 14px;}
}
@media only screen and (max-width : 360px) {
	.name_sect {font-size: 20px; line-height: 24px;}
}
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}