@media screen and (max-width: 1439px){
	
	.container{ width: 1170px; }
	
	.tab_section{ overflow: hidden; }
	
	.banner ul li div{
		width: 155px;
		height: 155px;
	}
	
	.banner ul li div em{ width: 100%; }
	.flexcontainer{flex-direction: row
}

@media screen and (max-width: 1199px){
	
	.container{ width: 970px; }
	
	.banner{ min-height: 370px; }
	
	.banner .container{ padding: 40px 15px; }
	
	.banner .title h2{ font-size: 34px; display: inline-block; }
	
	.banner ul li{ margin-right: 1%; }
	
	.banner ul li div{ width: 145px; height: 145px; }
	
	.banner ul li div img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	
	.banner ul li span{ font-size: 18px; }
	
	.resp-vtabs .resp-tabs-list li{ font-size: 20px; }
	
	.detail_page .col_left{ width: 70%; }
	
	.detail_page .col_right{ width: 20%; }

	.header_nav ul li{margin-right:24px;}
	.flexcontainer{flex-direction: row
    .flexleft{width:50%;}
	.flexright{width:50%;}
}

@media screen and (max-width: 992px){
	
	.container{ width: 100%; }
	
	.logo img{ width: 150px; }
	
	.right_header{ margin: 30px 0; }
	
	.header_nav ul li a{ font-size: 16px; font-weight: 600; }
	
	.header_nav ul li a:hover{ text-decoration: underline; }
	
	.banner .title img{ width: 220px; }
	
	.banner .title h2{ font-size: 28px; }
	
	.banner ul:before,
	.banner ul:after{
		content: "";
		display: table;
	}
	
	.banner ul:after{ clear: both; }
	
	.banner ul li{
		width: 24%;
		padding: 10px 0;
		margin: 0;
		text-align: center;
		float: left;
	}
	
	.banner ul li div{ margin: 0 auto; }
	
	.tab_section{ padding: 30px 0; }
	
	.resp-vtabs .resp-tabs-list li{ font-size: 18px; }
	
	.resp-vtabs .resp-tab-content .container{ padding: 35px 15px; }
	
	.resp-vtabs .resp-tab-content h3{ font-size: 22px; }
	
	.resp-vtabs .resp-tab-content p{ font-size: 18px; }
	
	footer .container{ padding: 50px 15px; }
	
	.detail_page .col_left{ width: 70%; }
	
	.detail_page .col_right{ width: 30%; }

	.header_nav ul li{margin-right:18px;}

	.flexcontainer{flex-direction:column;}
	.flexleft{width:100%; padding-bottom: 1em;}
	.flexright{width:100%; padding-top: 1em;}
}

@media screen and (max-width: 767px){
	
	.toggle_menu{ display: inline-block; }
	
	.sec_header{ position: relative; }
	
	.header_nav{
		display: none;
		width: 100%;
		margin: 0;
		background: #fff;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 99;
	}
	
	.header_nav ul li{
		display: block;
		margin: 10px 0;
	}
	
	.header_nav ul li a{ display: block; padding: 5px 15px; }
	
	.tab_section{ padding: 30px 15px; }
	
	.resp-vtabs .resp-tabs-list{ display: none; }
	
	.resp-vtabs .resp-tab-content .container{ padding: 0; }
	
	h2.resp-accordion{ font-size: 16px; }
	
	.banner ul li div{ width: 125px; height: 125px; }
	
	.banner ul li div img{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	
	.banner ul li div em b{ max-width: 125px; }
	
	.banner ul li span{ font-size: 14px; }
	
	.banner ul li span strong{
		display: block;
		width: 100px;
		margin: 0 auto;
	}
	
	.detail_page .container{ padding: 30px 15px; }
	
	.detail_page h3{ font-weight: 600; font-size: 28px; margin-bottom: 10px; }
	
	.detail_page ul li a{ font-size: 16px; }
	
}

@media screen and (max-width: 639px){
	
	.resp-vtabs .resp-tab-content h3{ font-size: 18px; }
	
	.resp-vtabs .resp-tab-content p{ font-size: 16px; }
	
	.banner .title img{ width: 160px; }
	
	.banner .title h2{ font-size: 22px; }
	
	.detail_page .col_left{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.detail_page .col_right{
		display: block;
		width: 100%;
		float: none;
	}
	
	footer{ margin-bottom: 25px; }
	
}

@media screen and (max-width: 479px){
	
	.pri_header ul li{
		margin-right: 7px;
		padding-right: 10px;
	}
	
	.logo img{ width: 120px; }
	
	.right_header{ margin: 20px 0 0; }
	
	.search span{ display: inline-block; margin: 3px 0;}
	
	.search span img{ width: 28px; }
	
	.banner .title img{ margin-bottom: 20px; }
	
	.banner ul li{
		display: block;
		width: 100%;
		float: none;
	}
	
	.banner ul li div{
		width: 100%;
		height: auto;
		border-radius: 0;
	}
	
	.banner ul li div em{
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		margin: 0;
	}
	
	.banner ul li span{
		font-size: 16px;
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		padding: 0 10px;
	}
	
	.banner ul li div b{
		width: 100%;
		min-height: 60px;
		display: table;
	}
	
	.banner ul li div em b{ max-width: 100%; display: table-cell; width: 230px; }
	
	.banner ul li span strong{ width: auto; }
	
	.banner ul li div:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 23px 1px rgba(0,0,0,0.75);
	}
	
	.banner .container{ padding: 20px 15px; }
	
	.banner .title{ margin-bottom: 10px; }
	
	.banner .title h2{ font-size: 18px; font-weight: 600; }
	
	footer{ margin-bottom: 15px; }
	
	footer .container{ padding: 30px 15px; }
	
	footer ul li{ margin-right: 2px; }
	
	footer ul li a img{ width: 30px; }
	
}