﻿/* md */

@media only screen and (max-width: 1920px) and (max-height:1080px) {
	.new-page .left-section > ul > li > a {
		padding: 23% 10%;
	}
}

@media only screen and (min-width: 1200) and (max-width: 1399px) {
	.new-page .left-section > ul > li > a {
		padding: 16% 10%;
	}

	.new-page .right-section {
		height: 100% !important;
		/*min-height: 767px;*/
	}

		.new-page .right-section .banner {
			padding: 0% 0;
		}
}


@media only screen and (max-width:1920px) {
	.new-page .left-section > ul > li > a {
		padding: 25% 10%;
	}
}

@media only screen and (max-width: 1600px) {
	.new-page .left-section > ul > li > a {
		padding: 22% 10%;
	}

	.new-page .right-section {
		height: 100% !important;
		/*min-height: 750px;*/
	}

	.banner .carousel-indicators {
		bottom: -40px;
	}

	.new-page .right-section .banner {
		padding: 6% 0;
	}
}

@media only screen and (max-height: 1400px) {
	.new-page .left-section > ul > li > a {
		padding: 43% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
}

@media only screen and (max-height: 1300px) {
	.new-page .left-section > ul > li > a {
		padding: 38% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
}

@media only screen and (max-height: 1250px) {
	.new-page .left-section > ul > li > a {
		padding: 36% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
}
/*@media only screen and (max-width: 1920px) and (max-height:1200px) {
	.new-page .left-section > ul > li > a {
		padding: 16% 10%;
	}
}*/
@media only screen and (max-height: 1200px) {
	.new-page .left-section > ul > li > a {
		padding: 23% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
}

@media only screen and (max-height: 1100px) {
	.new-page .left-section > ul > li > a {
		padding: 30% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
}

@media only screen and (max-height: 1080px) {
	.new-page .left-section > ul > li > a {
		padding: 29% 10%;
	}
}

@media only screen and (max-height: 1024px) {
	.new-page .left-section > ul > li > a {
		padding: 26% 10%;
	}

	.new-page .right-section {
		height: 100% !important;
		/*min-height: 767px;*/
	}

		.new-page .right-section .banner {
			padding: 0% 0;
		}

			.new-page .right-section .banner .banner-text1 p {
				margin: 16% 0 5% 0;
				font-weight: bold;
			}

			.new-page .right-section .banner img {
				width: auto;max-width: auto;height: 100%;
			}
}

@media only screen and (max-height: 1000px) {
	.new-page .left-section > ul > li > a {
		padding: 16% 10%;
	}
}

@media only screen and (max-height: 950px) {
	.new-page .left-section > ul > li > a {
		padding: 23.5% 10%;
	}
}



@media only screen and (max-height: 850px) {
	.new-page .left-section > ul > li > a {
		padding: 19% 10%;
	}
}

@media only screen and (max-height: 800px) {
	.new-page .left-section > ul > li > a {
		padding: 17% 10%;
	}
}

@media only screen and (max-height: 641px) {
	.new-page .left-section > ul > li > a {
		padding: 17% 10%;
	}
}

@media only screen and (max-width: 2560px) and (min-width: 1440px) {
	.new-page .left-section > ul > li > a {
		padding: 16% 10%;
	}

	.new-page .left-section ul li ul {
		width: 1041px;
		padding: 10px 20px;
	}

		.new-page .left-section ul li ul li {
			width: 160px;
		}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}

	.new-page .right-section .banner .banner-text1 p {
		font-weight: bold;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul.bottom-menu {
		width: 400px;
		padding: 10px 20px;
		height: 261px;
	}
}

@media only screen and (max-width: 1920px) and (min-width: 1080px) {
	.new-page .left-section > ul > li > a {
		padding: 15.9% 10%;
	}

	.new-page .left-section ul li ul {
		width: 1041px;
		padding: 10px 20px;
	}

		.new-page .left-section ul li ul li {
			width: 160px;
		}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}

		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.new-page .right-section .banner .banner-text1 p {
		font-weight: bold;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul.bottom-menu {
		width: 400px;
		padding: 10px 20px;
		height: 100%;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -19%;
	}
}

@media only screen and (max-width: 1680px) and (min-width: 1050px) {
	.new-page .left-section > ul > li > a {
		padding: 17% 10%;
	}

	.new-page .left-section ul li ul {
		width: 1041px;
		padding: 10px 20px;
	}

		.new-page .left-section ul li ul li {
			width: 160px;
		}

	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul.bottom-menu {
		height: 100%;
	}
}


@media only screen and (max-width: 1600px) and (max-height:900px) {
	.new-page .left-section > ul > li > a {
		padding: 12.8% 10%;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -30px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 4% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul.bottom-menu {
		width: 400px;
		padding: 2px 10px;
		height: 261px;
	}

	.menu-hover-left-section.bottom-menu:after {
		top: 90%;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -36%;
	}
}

@media only screen and (max-width: 1400px) {
	.new-page .left-section > ul > li > a {
		padding: 20.5% 10%;
	}

	.new-page .left-section ul li ul {
		width: 950px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 138px;
		}

	.menu-hover-left-section:after {
		right: 100%;
		top: 29%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #e0e0e0;
		border-width: 20px;
		margin-top: 0;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 200px;
	}

	.new-page .left-section ul li ul.middle-menu li {
		text-align: center;
		width: 150px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -21%;
	}

	.menu-hover-left-section.bottom-menu:after {
		top: 42%;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -40px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 7% 0 7% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul {
		width: 950px;
		padding: 10px 10px;
	}
}

@media only screen and (max-width: 1440px) and (max-height:900px) {
	.new-page .left-section > ul > li > a {
		padding: 14.2% 10%;
	}

	.new-page .left-section ul li ul {
		width: 997px;
		padding: 10px 20px;
	}

		.new-page .left-section ul li ul li {
			width: 158px;
		}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -30px;
	}
	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -60px;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 188px;
	}

	.img6-broder {
		border-left: 1px solid #ccc;
		height: 350px;
		padding: 0px;
		margin: 20px 0 0 0;
		padding: 10% 0 5% 26px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -40%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cat-list-group, .cat-list-detail {
		max-width: 100%;
		height: auto;
	}

	.cat-list-detail {
		margin-top: 20px;
	}

	.download-attachement {
		position: relative;
		margin-top: 10px;
	}

	.cat-list-detail {
		padding: 15px;
	}

	.prd-desc {
		padding: 0;
	}

	.prd-dtail-bg {
		background-image: -ms-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -moz-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -webkit-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -o-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: linear-gradient(-145deg, #8b8f90, #eee, #fff);
	}

	.cat-list li.active:after {
		content: none;
	}

	.main-nav > .nav.navbar-nav > li {
		padding: 0px 15px;
	}

	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li {
		font-size: 13px;
	}
}

@media screen and (max-width:1024px) {
	.banner-bg {
		height: 350px;
	}

	.main-nav > .nav.navbar-nav {
		margin: 0;
		padding-left: 20px;
	}

		.main-nav > .nav.navbar-nav > li {
			padding: 5px 15px;
		}

	.main-nav {
		padding-right: 0;
		padding-left: 0;
	}

		.main-nav > .nav.navbar-nav {
			margin: 0px 0 3px;
		}

		.main-nav > .navbar-nav > li.last {
			padding-right: 15px;
		}

	.navbar-default .navbar-nav {
		margin: 0;
	}

		.navbar-default .navbar-nav > li,
		.navbar-default .navbar-nav > li > a {
			font-size: 13px;
		}

	.prd_desc {
		right: 0;
	}

	.contact_info li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.screening_list ul li {
		padding: 7px 10px 7px 20px;
	}

	.comp_prd_list li, .reco_prd_list li {
		width: 20%;
	}

	.banner-text {
		height: 350px;
	}

	.yellow-bx {
		padding: 65px 0 58px;
	}

	.prd-dtail-bg {
		padding: 40px 0;
	}
}


@media screen and (max-width: 2600px) and (max-height: 640px) {
	.new-page .left-section > ul > li > a {
		min-height: inherit;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section > ul > li > a {
		padding: 5% 10%;
	}

	.banner p {
		font-size: 26px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 3% 0 2% 0;
	}

	.contact-form-section {
		top: 13%;
	}
}

@media only screen and (max-width:1024px) and (min-width:992px) {
	.product_container .menu_block p {
		font-size: 13px;
		margin-bottom: 3px;
	}

	.product_container .menu_block a {
		border-radius: 3px;
		font-size: 10px;
		height: 27px;
		line-height: 27px;
	}

	.prd_detail_bg, .prd_img img {
		max-height: 600px;
	}

	.prd_contnr {
		height: 526px;
	}

	.sp-bg {
		height: 560px;
	}

	.sp_sec {
		padding: 65px 0 0;
	}

	.search-bg {
		height: 620px;
	}
}


@media screen and (max-width: 1440px) and (max-height: 640px) {
	.new-page .left-section > ul > li > a {
		min-height: inherit;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section > ul > li > a {
		padding: 15.6% 10%;
	}

	.banner p {
		font-size: 26px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 3% 0 2% 0;
	}

	.contact-form-section {
		top: 13%;
	}

	.new-page .left-section ul li ul {
		width: 1000px;
		padding: 10px 20px;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 140px;
	}
}

/*@media screen and (max-width: 1440px) and (max-height: 900px) {
	.new-page .left-section ul li ul {
		width: 1000px;
		padding: 10px 20px;
	}
}*/

@media screen and (max-width: 1366px) and (max-height:768px) {
	.new-page .left-section > ul > li > a {
		min-height: inherit;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section > ul > li > a {
		padding: 14.8% 10%;
	}

	.banner p {
		font-size: 26px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 3% 0 2% 0;
	}

	.contact-form-section {
		top: 11%;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 180px;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -32%;
		text-align: left;
		left: 100%;
		z-index: 999;
		width: 350px;
	}

	.footer_menu {
		font-size: 12px;
		color: #999;
		/*padding-top: 13px;*/
	}
}

@media only screen and (max-width: 1366px) and (max-height:768px) {
	.new-page .left-section > ul > li > a {
		padding: 10% 10%;
	}

	.new-page .left-section ul li ul {
		width: 950px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 146px;
		}

	.new-page .right-section .banner .banner-text1 p {
		margin: 4% 0 3% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -40px;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -32%;
		text-align: left;
		left: 100%;
		z-index: 999;
		width: 350px;
	}

	.menu-hover-left-section.bottom-menu:after {
		top: 50%;
	}

	.new-page .left-section ul li ul.middle-menu li {
		text-align: center;
		width: 128px;margin: 0 20px 0 0;
	}
	.new-page .left-section ul li ul.middle-menu li:last-of-type{margin-right: 0; }

	.img6-broder {
		border-left: 1px solid #ccc;
		height: 350px;
		padding: 0px;
		margin: 20px 0 0 0;
		padding-left: 20%;
		padding-top: 20%;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -57%;
	}

	.new-page .left-section ul li ul.bottom-menu {
		width: 400px;
		padding: 10px 20px;
		height: 261px;
	}

	#footer {
		/*padding-top: 3px;
		padding-bottom: 3px;*/
		color: #fff;
		background: #000;
		clear: both;
	}

	.footer_menu {
		font-size: 12px;
		color: #999;
		/*padding-top: 13px;*/
	}
}



/*1280 x 1024*/
@media only screen and (max-width: 1280px) and (max-height: 1024px) and (min-height: 961px) {
	.new-page .left-section > ul > li > a {
		padding: 22.5% 10%;
	}

	.new-page .right-section .banner img {
	 width: auto;max-width: auto;height: 100%;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 7% 0 7% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li ul {
		width: 870px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 140px;
		}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 160px;
		}

	.img6-broder {
		padding-left: 10px;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: 0;
		height: 100%;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 190px;
	}

	.img6-broder {
		border-left: 1px solid #ccc;
		height: 350px;
		padding: 0px;
		margin: 20px 0 0 0;
		padding: 5% 0 5% 10px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -17%;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -29%;
		padding: 10px;
		width: 880px;
	}

	.new-page .left-section ul li ul.middle-menu li {
		text-align: center;
		width: 160px;
	}
}
/*1280 x 960*/
@media only screen and (max-width: 1280px) and (max-height: 960px) and (min-height: 801px) {
	.new-page .left-section > ul > li > a {
		padding: 21% 10%;
	}

	.new-page .right-section .banner img {
		width: auto;max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -60px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 6% 0 6% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: 0%;
		text-align: left;
		left: 100%;
		z-index: 999;
		width: 340px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -26%;
		width: 860px;
	}

	.new-page .left-section ul li ul {
		width: 860px;
	}

		.new-page .left-section ul li ul li {
			width: 136px;
		}

	.footer_menu {
		/*padding-top: 10px;*/
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 190px;
	}
}
/*1280 x 800*/
@media only screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 769px) {
	.new-page .left-section > ul > li > a {
		padding: 13.6% 10%;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;}

	.new-page .right-section .banner .banner-text1 p {
		margin: 6% 0 6% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section ul li ul {
		width: 880px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 143px;
		}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 160px;
		}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -47%;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -15%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}
}
/*1280 x 768*/
@media only screen and (max-width: 1280px) and (max-height: 768px) and (min-height: 721px) {
	.new-page .left-section > ul > li > a {
		padding: 10.5% 10%;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 4% 0 4% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section ul li ul {
		width: 880px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 143px;
		}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 160px;
		}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -47%;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -28%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -55%;
	}

	.menu-hover-left-section:after {
		top: 16%;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 193px;
	}
}
/*1280 x 720*/
@media only screen and (max-width: 1280px) and (max-height: 720px) and (min-height:300px) {
	.new-page .left-section > ul > li > a {
		padding: 11% 10%;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 6% 0 4% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -40px;
	}
	.new-page .left-section ul li ul {
		width: 880px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 143px;
		}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 160px;
		}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -47%;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -29%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -55%;
	}

	.menu-hover-left-section:after {
		top: 16%;
	}
}


@media only screen and (max-width: 1280px) and (max-height: 600px) and (min-height:590px) {
	/*.new-page .left-section > ul > li > a:hover {
		background: #b6ff00;
		color: #fff;
	}*/
	.new-page .left-section > ul > li > a {
		padding: 4.5% 10%;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 4% 0 4% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}


	.new-page .left-section ul li ul {
		width: 880px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul li {
			width: 143px;
		}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 160px;
		}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -47%;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -36%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -55%;
		height: 300px;
	}

	.menu-hover-left-section:after {
		top: 16%;
	}

	.new-page .left-section ul li ul h1 {
		font-size: 14px;
		margin: 0px;
	}

	.new-page .left-section ul li ul a {
		padding: 1px 0;
		font-size: 12px;
	}

	.new-page .left-section ul li ul {
		height: 320px;
	}

	.heading-text {
		color: #333333;
		font-size: 12px;
	}

	.menu-hover-left-section.middle-menu img {
		width: 80px;
	}

	.right-menu1 {
		top: -24px;
	}

	.img6-broder {
		height: 240px;
	}

		.img6-broder img {
			width: 120px !important;
		}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -88%;
	}
}




@media screen and (max-width: 1152px) and (max-height: 864px) {
	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -40px;
	}

	.new-page .left-section > ul > li > a {
		padding: 17% 10%;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 6% 0 4% 0;
		font-weight: bold;
	}

	.product-img img {
		height: 100px;
	}

	.new-page .left-section ul li ul {
		width: 780px;
		padding: 10px 10px;
	}

		.new-page .left-section ul li ul.middle-menu li {
			text-align: center;
			width: 140px;
		}

	.heading-text {
		color: #333333;
		font-size: 12px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -39%;
		width: 790px;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -8%;
	}

	.menu-hover-left-section:after {
		top: 22%;
	}

	.new-page .left-section ul li ul li {
		width: 126px;
	}
}


@media screen and (height: 800px) {
	.new-page .left-section > ul > li > a {
		padding: 17% 10% !important;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -1px !important;
	}

	.new-page .left-section ul li ul.bottom-menu {
		height: 206px;
	}

	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -24%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -32px;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 185px;
	}

	.img6-broder {
		border-left: 1px solid #ccc;
		height: 350px;
		padding: 0px;
		margin: 20px 0 0 0;
		padding: 5% 0 5% 10px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		top: -40%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.new-page .left-section > ul > li > a {
		padding: 14% 10%;
	}

	.new-page .left-section ul li ul {
		width: 700px;
		padding: 10px 20px;
	}

		.new-page .left-section ul li ul li {
			width: 110px;
		}

	.new-page .right-section .banner .banner-text1 p {
		margin: 5% 0 5% 0;
		font-weight: bold;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.new-page .left-section ul li:hover ul.middle-menu {
		width: 700px;
		padding: 10px 10px;
	}

	.new-page .left-section ul li ul.middle-menu li {
		text-align: center;
		width: 110px;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		display: block;
		position: absolute;
		top: -18%;
		text-align: left;
		left: 100%;
		z-index: 999;
		width: 290px;
		height: 230px;
	}

	.img6-broder {
		border-left: 1px solid #ccc;
		height: 350px;
		padding: 0px;
		margin: 20px 0 0 0;
		padding: 35% 0 5% 10px;
	}

	.new-page .left-section ul li:hover ul.middle-menu li:nth-child(5) {
		width: 140px;
	}

	.new-page .left-section ul li:hover ul.middle-menu {
		display: block;
		position: absolute;
		top: -40%;
		text-align: left;
		left: 100%;
		z-index: 999;
	}

	.new-page .left-section ul li ul a {
		padding: 4px 0;
		font-size: 12px;
	}

	.left-menu {
		float: none;
		display: inline-block;
		width: auto;
	}

	.new-page .left-section ul li:hover ul.bottom-menu {
		top: -42%;
	}
}

@media only screen and (max-width: 991px) {

	.main-nav {
		float: right;
	}

		.main-nav > .nav.navbar-nav {
			margin: 0;
		}

			.main-nav > .nav.navbar-nav > li, .navbar-default .navbar-nav > li {
				padding: 0px 15px;
			}

	.banner-bg {
		height: 276px;
	}

	.banner-text {
		height: 270px;
	}

	.banner h1 {
		font-size: 38px;
	}

		.banner h1 span {
			font-size: 26px;
		}

	.banner p {
		font-size: 21px;
	}

	.product-cat {
		margin: 0;
	}

	.cat-list-group, .cat-list-detail {
		max-width: 100%;
		height: auto;
	}

	.prd-desc {
		margin-top: 20px;
	}

	.cat-list-detail {
		margin-bottom: 20px;
	}

	.download-attachement {
		position: relative;
		margin-top: 10px;
	}

	.cat-list-detail {
		padding: 15px;
	}

	.prd-desc {
		padding: 0;
	}

	.prd-dtail-bg {
		background-image: -ms-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -moz-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -webkit-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: -o-linear-gradient(-145deg, #8b8f90, #eee, #fff);
		background-image: linear-gradient(-145deg, #8b8f90, #eee, #fff);
	}

	.cat-list li.active:after {
		content: none;
	}

	.prd-left-m {
		position: absolute;
	}

	.prd-btn {
		text-align: center;
		margin-top: 20px;
	}

		.prd-btn button, .prd-btn input[type="submit"], .prd-btn button a, .prd-btn a {
			display: inline-block;
		}

	.sp_sec {
		padding: 25px 0 0;
	}


	.screening_list ul {
		display: none;
	}

		.screening_list ul li.head {
			display: none !important;
		}

	.screening_list {
		background: transparent;
	}

	.compare_prd a.btn-compare {
		float: none !important;
		margin: 15px auto 0 !important;
		display: block;
	}

	.comp_prd_list, .reco_prd_list {
		display: table;
		width: 100%;
	}

		.comp_prd_list li, .reco_prd_list li {
			width: 33.33%;
		}

			.comp_prd_list li img {
				width: 100%;
			}

	.new-page .left-section {
		float: none;
		width: 100%;
		min-height: inherit;
	}

	.new-page .right-section {
		float: none;
		width: 100%;
		padding: 0;
	}

		.new-page .right-section .banner img {
			width: 100%;
		}

	.new-page {
		background: none;
	}

		.new-page .container {
			padding: 0px;
		}

		.new-page .left-section > ul > li > a span {
			margin-right: 2%;
		}

		.new-page .right-section .banner img {
			width: auto; max-width: auto;height: 100%;
		}

		.new-page .left-section > ul > li > a {
			padding: 4.5% 5%;
			color: #040404;
			font-weight: bold;
			font-size: 20px;
			min-height: auto;
		}

			.new-page .left-section > ul > li > a img {
				width: 50px;
			}

		.new-page .right-section .banner .banner-text1 p {
			color: #040404;
			margin: 3% 0 2% 0;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
		}

	.contact-form-section {
		position: absolute;
		z-index: 999;
		width: 100%;
		top: 0%;
		right: 0px;
	}

	.contact-img.contact-img-mob {
		float: none;
		cursor: pointer;
		right: 0px;
		display: block;
		top: 0px;
		left: inherit;
		position: absolute;
	}

	.contact-form {
		float: none;
		width: 100% !important;
		height: auto !important;
		padding: 20px;
		background: #fff;
		top: 67px;
		display: none;
		right: 0 !important;
		position: relative !important;
	}

		.contact-form.goLeft {
			position: relative !important;
			right: 0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			display: block;
		}

	.contact-form-section .contact-img .contact-d-img {
		display: none;
	}

	.contact-form-section .contact-img .contact-m-img {
		display: block;
		width: 70px;
	}


	.dropdown-menu1.Active ul {
		display: block;
		position: relative !important;
		top: 0;
		text-align: left;
		left: 0;
		z-index: 999;
		background: #e0e0e0;
		width: 100% !important;
		margin: 0;
		padding: 20px;
		height: 286px !important;
		overflow-y: scroll;
	}

	.new-page .left-section ul li ul li {
		width: 140px;
		min-height: 290px;
	}

	.new-page .left-section ul li ul a {
		padding: 4px 0;
	}

	.new-page .left-section ul li ul {
		padding: 20px 20px;
		z-index: 1;
	}

	.new-page .left-section ul li:hover ul {
		display: none;
		left: 0px;
	}

	.new-page .right-section {
		min-height: 200px;
	}

	.contact-form-section .contact-img.contact-img-mob {
		display: block;
	}

	.contact-form .form-group.left-right-input label {
		float: none;
		width: 100%;
	}

	.contact-form .form-group.left-right-input input {
		float: none;
		width: 100%;
	}

	.contact-form .form-group.left-right-input label {
		margin-top: 0px;
	}

	.form-group.left-right-input .error-msg {
		margin: 0px;
	}

	#LXB_CLOSE_BTN {
		right: 0px !important;
		left: auto;
	}

	.contact-form .form-group.left-right-input1 label {
		float: none;
		width: 100%;
	}

	.contact-form .form-group {
		margin-top: 8px;
	}

		.contact-form .form-group input.form-control {
			height: 32px;
		}

		.contact-form .form-group textarea.form-control {
			height: 45px;
		}

	.contact-form h1 {
		font-size: 16px;
	}

	.contact-form .form-group.left-right-input1 label {
		margin-top: 0px;
	}

	.contact-form .form-group label {
		font-size: 14px;
	}

	.new-page.bg_overlay {
		background: #000 !important;
	}

	.deactive {
		display: none !important;
	}

	.new-page .left-section > ul > li > a span {
		margin-right: 5%;
		display: inline-block;
		width: 60px;
	}

	.dropdown-mob {
		display: block;
	}

	#dvfirststepmenus, #dvsecondstepmenus {
		display: none;
	}

	.new-page .right-section .banner img {
		width: auto; max-width: auto;height: 100%;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}

	.banner .carousel-indicators {
		bottom: -21px;
	}
}

@media only screen and (max-width: 990px) {
	.prd_detail_bg {
		height: auto;
	}

	.prd_contnr {
		display: block;
		height: auto;
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png*/ no-repeat center 30%;
		background-size: 80%;
	}

	.prd_img {
		display: block;
		width: 100%;
		height: 560px;
		position: relative;
		margin-bottom: -90px;
	}

		.prd_img img {
			max-height: 500px;
		}

	.prd_cat, .prd_desc {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
	}

	.prd_cat {
		background: #fff;
		padding: 15px;
	}

		.prd_cat li {
			width: 33%;
			margin: 0;
			padding: 0 10px;
		}

			.prd_cat li a, .prd_cat li:hover a, .prd_contnr > .prd_cat li.active a {
				display: none;
			}

			.prd_cat li.active a.ch {
				display: block;
			}

			.prd_cat li a.en {
				background: #fff;
				border: 1px solid #ccc;
				outline: none;
				color: #000;
			}

			.prd_cat li:hover a.en {
				display: block;
				border: 1px solid #ffc20e;
			}

			.prd_cat li a.ch {
				display: block;
				background: #ccc;
				color: #000;
			}

			.prd_cat li.active a.en {
				background: #ffc20e;
				border: 1px solid #ffc20e;
			}

			.prd_cat li.active a.ch {
				background: #000;
				color: #fff;
			}

	/*.prd_cat li.active:hover a.en{ display:block; }
    .prd_cat li.active:hover a.ch{ display:none; }*/

	.prd_desc {
		margin: 0 !important;
		width: 100%;
	}

		.prd_desc:before, .prd_desc:after {
			content: " ";
			display: table;
			clear: both;
		}

	ul.keypoint {
		display: table;
		width: 100%;
		padding: 0 100px;
		text-align: center;
	}

		ul.keypoint li {
			width: 50%;
			float: left;
		}

	.prd_img img {
		max-width: 80%;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#prdviewareabtn {
		position: absolute;
		top: 50%;
		max-width: 100%;
		background: transparent;
		margin-top: -15px;
	}

	.sp_sec li {
		width: 33%;
	}

	.prd-dtail-bg {
		padding: 25px 0;
	}

	.screening_list ul {
		width: 100%;
		float: none;
		background: #000;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

	.product_container .title {
		font-size: 12px;
	}

	.product_container .menu_block {
		padding: 5px 10px;
	}

		.product_container .menu_block p {
			font-size: 13px;
			margin-bottom: 3px;
		}

		.product_container .menu_block a {
			font-size: 10px;
			height: 24px;
			line-height: 22px;
			border-radius: 3px;
		}

	.sp-bg {
		height: auto;
	}

	.infra_adv_circle li {
		width: 250px;
		height: 250px;
	}

		.infra_adv_circle li div {
			height: 160px;
		}
}

@media only screen and (max-width: 767px) {
	.navbar-default .navbar-toggle.collapsed {
		background: #ffc20e !important;
		color: #000;
		padding: 1px 5px;
		margin: 0 !important;
		border-radius: 0;
	}

		.navbar-default .navbar-toggle.collapsed .icon-bar {
			background: #333;
			height: 3px;
			width: 30px;
			position: relative;
			left: 0px;
		}

		.navbar-default .navbar-toggle.collapsed .top-bar {
			transform: rotate(0);
		}

		.navbar-default .navbar-toggle.collapsed .middle-bar {
			opacity: 1;
		}

		.navbar-default .navbar-toggle.collapsed .bottom-bar {
			transform: rotate(0);
		}

	.navbar-default .navbar-toggle {
		background: transparent !important;
		margin: 0 !important;
		width: 40px;
		height: 30px;
	}

		.navbar-default .navbar-toggle .icon-bar {
			transition: all 0.2s;
			background: #ffc20e;
			height: 3px;
			width: 30px;
			position: relative;
			left: 5px;
		}

		.navbar-default .navbar-toggle .top-bar {
			transform: rotate(45deg);
			transform-origin: 10% 10%;
			background: #ffc20e;
		}

		.navbar-default .navbar-toggle .middle-bar {
			opacity: 0;
		}

		.navbar-default .navbar-toggle .bottom-bar {
			transform: rotate(-45deg);
			transform-origin: 10% 90%;
			background: #ffc20e;
		}

		.navbar-default .navbar-toggle.collapsed:focus, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle.collapsed, .navbar-default .navbar-toggle {
			outline: none;
		}


	.mobile-contact a {
		padding: 5px 15px 0 0;
	}

	.container > .navbar-header, .container > .navbar-collapse {
		margin: 0;
	}

	.main-nav {
		background: #000;
		z-index: 99;
		position: relative;
		border: none;
		border-left: 0px solid #ffc20e !important;
		padding-left: 0px;
		margin-top: 10px !important;
		float: none;
		width: 100%;
	}

	.navbar-default .navbar-nav > .active > a {
		text-decoration: none;
	}

	.navbar-default .navbar-nav > li.no-list {
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/dots.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/dots.png*/ no-repeat left center;
	}

	.main-nav > .nav.navbar-nav > li {
		padding: 5px 30px 5px 5px;
		padding-left: 20px;
	}

		.main-nav > .nav.navbar-nav > li.last {
			padding-right: 0;
		}

	.banner {
		padding: 10px 0 20px;
	}

	.banner-text {
		display: block;
		height: auto;
	}

	.banner h1 {
		margin-bottom: 20px;
	}

	.banner h1, .banner p {
		text-align: center;
	}

	.banner-img {
		position: relative;
		width: 100%;
		text-align: center;
		bottom: auto;
	}

		.banner-img img {
			max-width: 300px;
			width: 100%;
		}

	.yellow-bx {
		padding: 95px 0 58px;
	}

	.yellow-bx {
		padding: 45px 0 18px;
	}

	.product-bx {
		margin: 0 auto 30px;
	}

	.social {
		text-align: left;
		margin-bottom: 10px;
	}

	.subhead .sections li {
		width: 190px;
		line-height: 14px;
	}

		.subhead .sections li a {
			line-height: 28px;
			font-size: 13px;
		}

		.subhead .sections li span.numbers {
			font-size: 16px;
			height: 28px;
			width: 28px;
			line-height: 28px;
		}

		.subhead .sections li span.carrot {
			display: none;
		}

	.subhead {
		height: 48px;
	}

		.subhead .home::before {
			font-size: 16px;
		}

		.subhead .home {
			line-height: 28px;
		}

	.product_container .overlay {
		margin: 0 auto;
	}

	.sp-bg {
		height: auto;
	}

	.sp_sec li {
		width: 50%;
	}

	.prd-dtail-bg {
		padding: 0;
		min-height: initial;
	}

	.prd-specification {
		margin: 0;
	}

	.prd-left-m {
		position: relative;
	}

	.page_title .temp-icon {
		float: left;
	}

	.page_title {
		clear: both;
		display: table;
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 20px;
		text-align: left;
		width: 100%;
	}

	.top-heading {
		margin: 20px 0;
	}

	.prd-btn button, .prd-btn input[type="submit"], .prd-btn button a, .prd-btn a {
		padding: 0 20px;
		width: auto;
	}

	.flukecontactlogo {
		height: auto;
		border: none;
	}

	.yellow-bg {
		padding: 20px 0;
		margin: 0 auto 25px
	}

	.demo-close-btn {
		margin: 0 15px 0 0;
	}

	.temp_list .temp_btn {
		position: relative;
		margin: 40px 0 0;
		left: auto;
		width: 140px;
	}

	.temp_list {
		clear: both;
		text-align: left;
	}

		.temp_list label {
			margin-bottom: 10px;
		}

	.sp-bg {
		height: auto;
	}

	.infra_adv_circle li {
		width: 250px;
		height: 250px;
	}

		.infra_adv_circle li div {
			height: 160px;
		}

	.infra_adv_bg {
		height: auto;
	}

	.infra_title, .infra_adv_title {
		margin-bottom: 45px;
	}

	.infra_adv_circle li.middle {
		margin: 0;
		margin-top: -20px;
		margin-bottom: -20px;
	}

	.wir_bnr_left, .wir_big_img {
		height: 300px;
	}

		.wir_big_img img {
			max-width: 170px;
			height: auto;
		}

	.ir-thumb {
		max-width: 190px;
		width: 100%;
	}

	.wir_sub_title {
		font-size: 28px;
		line-height: normal;
		margin-bottom: 0;
	}

	.infra_adv_circle li {
		float: none;
	}

	.wir_title {
		font-size: 40px;
		line-height: normal;
	}

	.wir_thumb_title { /*color:#000;*/
	}

	.search_list, .search-cat, .search-desc {
		height: 300px;
	}

		.search-cat img.st3search, .search-desc img.st3search {
			width: 80px;
		}

	.app_step .search-cat p {
		margin: 15px 0;
	}

	.search-bg {
		height: auto;
		padding-bottom: 50px;
	}

	.product_container .menu_block {
		left: -320px;
		transition: left 0.6s ease-in;
		display: block;
	}

	.product_container .overlay:hover .menu_block {
		left: 0;
	}

	/*.overlay{position:relative; height:199px;}
    .product_container .overhidden{ position:absolute; left:0; transition:left 0.5s ease-in; display:block;}
    .product_container .overlay:hover .overhidden{ left:200px;}*/
	.search_sec li .search_list:hover .search-desc {
		display: block;
	}

	.search_sec li .search_list {
		position: relative;
		overflow: hidden;
	}

		.search_sec li .search_list .search-cat {
			top: 0;
			left: -296px;
			transition: left 0.6s ease-in;
			display: block;
		}

		.search_sec li .search_list:hover .search-cat {
			left: 0;
		}

	.comp_prd_list li:hover .comp_prd {
		background: none;
		border: 1px solid #ccc;
	}

	.comp_prd_list li.active .comp_prd, .comp_prd_list li.active:hover .comp_prd {
		background: #ffc20e;
		border: 1px solid #ffc20e;
	}

	.rnd_popup .close {
		right: 0;
		top: auto;
	}

	.comp_prd_detail a.btn.rescreened {
		width: 110px;
		background-position: 10% center;
		padding-left: 30px;
		margin-top: 15px;
	}

	.comp_prd_detail a.btn.data-download {
		width: 120px;
		margin-top: 15px;
		background-position: 5% center;
		padding-left: 30px;
	}

	.comp_prd_detail a.btn.rescreened, .comp_prd_detail a.btn.data-download {
		line-height: normal;
		height: 36px;
	}

	.temp_list > .form-group {
		margin-bottom: 0;
	}

	.faq_sec .panel-default > .panel-heading {
		font-size: 15px;
	}

		.faq_sec .panel-default > .panel-heading > .fa.fa-angle-down, .faq_sec .panel-default > .panel-heading > .fa.fa-angle-up {
			right: 20px;
		}

	#noresults {
		margin-top: 30px;
	}

	.pratical-book {
		width: 95%;
		margin: 25px auto;
		padding: 15px;
		font-size: 18px;
	}

	.pratical-book-head {
		font-size: 22px;
		line-height: normal;
	}

		.pratical-book-head p {
			font-size: 16px;
			line-height: normal;
		}

	.pratical-keypoint {
		margin: 10px 0 0;
		padding: 0;
	}

	.faq_sec .form-group {
		margin: 0;
	}

	.faq-search {
		width: 100%;
	}

		.faq-search input {
			border-radius: 0;
		}

	.faqVtab.nav-tabs > li.active {
		position: relative;
		margin-bottom: 5px;
	}

		.faqVtab.nav-tabs > li.active > a:after {
			content: "--";
			letter-spacing: -2px;
			position: absolute;
			right: 20px;
			border: none;
			font-size: 30px;
			top: 50%;
			margin-top: -15px;
			color: #999;
		}

	.prd_contnr {
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png*/ no-repeat center 30%;
		background-size: 80%;
	}

	.prd_img {
		height: 480px;
	}

		.prd_img img {
			max-height: 450px;
		}

	.prd_desc > ul.keypoint li {
		line-height: 0;
	}

	.prdviewarea ul li {
		height: 310px;
	}

	.prdviewimg {
		max-height: 300px;
		max-width: 230px;
	}

	.prd-title {
		font-size: 34px;
		font-weight: bold;
		margin-bottom: 0;
	}

	.prd-desc {
		padding-left: 15px;
		padding-right: 15px;
	}

	.prd-price {
		margin-bottom: 0;
		font-size: 22px;
	}

	#prdviewareabtn a {
		width: 22px;
		height: 22px;
	}

		#prdviewareabtn a#next:after, #prdviewareabtn a#prev:after {
			border-width: 5px;
			margin-top: -5px;
		}

	.temp_background {
		background: #fff;
		box-shadow: none;
	}

	.comp_prd_detail {
		padding: 15px;
	}

	.compare_prd {
		padding: 15px;
	}

		.compare_prd h2 span {
			display: none;
		}

	.comp_prd_list li .comp_prd {
		height: 260px;
		padding: 15px;
	}

	.comp_prd_detail a.buy_now {
		margin: 5px 0 0;
		width: 80px;
	}

	.map-border {
		padding-top: 0px;
		border: none;
	}

	.black-gradient-btn {
		margin-bottom: 20px;
	}

	.top-heading p {
		font-size: 16px;
	}

	.step-final-bg {
		background: #000;
	}

	.notification {
		position: relative;
		padding-right: 25px;
	}

	.notification-close {
		margin-top: 0px;
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.select-bx > ul {
	}
	
	.new-page .right-section .banner {
		padding: 0% 0 0 0;
	}
		.new-page .right-section .banner img.new-banner {
			width: auto; max-width: auto;height: 100%;
		}
	.banner .carousel-indicators {
		bottom: 10px;display: none;
	}
}

/* XS Portrait */
@media only screen and (max-width: 640px) {
	.search_sec li {
		width: 100%;
	}

	.wir_bnr_left, .wir_big_img {
		height: 280px;
	}

	.wir_bnr { /*height:580px;*/
		height: auto;
	}

	.wir_thumb_title { /*color:#000;*/
	}

	.search_list_popup > .panel-heading > button.close {
		position: relative;
		margin: 0;
		padding: 0;
		top: auto;
		right: auto;
		color: #333;
	}

	.wir_sub_title {
		font-size: 22px;
		margin-bottom: 0;
	}

	.prd_contnr {
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png*/ no-repeat center 30%;
		background-size: 85%;
	}

	.prd_img {
		height: 480px;
	}

		.prd_img img {
			max-height: 360px;
		}
}

@media only screen and (max-width: 620px) {
	.wir_sub_title {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 480px) {

	.subhead .sections li {
		width: 130px;
		line-height: 14px;
	}

		.subhead .sections li a {
			line-height: 30px;
			font-size: 12px;
		}

	.subhead .home {
		font-size: 12px;
	}

	.prd_contnr {
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png*/ no-repeat center 30%;
		background-size: 100%;
	}

	.prd_img {
		height: 450px;
		position: relative;
	}

		.prd_img img {
			max-height: 420px;
		}

	.sp-bg {
		height: auto;
	}

	.sp_sec li {
		width: 100%;
	}

	.comp_prd_list li, .reco_prd_list li {
		width: 100%;
	}

	.temp_list input[type="radio"] {
		display: block;
	}

	.temp_list {
		width: 150px;
		margin: 0 auto;
		clear: both;
	}

		.temp_list label {
			margin-bottom: 8px;
		}


	.choice-list .label {
		max-width: 320px;
		word-break: break-all;
		-ms-word-break: break-all;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		white-space: normal !important;
	}

	.choice-list .label {
		width: 100%;
	}

	.wir_bnr_left, .wir_big_img {
		width: 90% !important;
	}

	.infra_bg {
		height: auto;
	}

	.wir_bnr {
		height: auto;
	}

	.wir_bnr_left, .wir_big_img {
		height: 260px;
	}

	.wir_title {
		font-size: 30px;
	}

	.wir_sub_title {
		font-size: 18px;
		line-height: normal;
		margin-bottom: 0;
	}

	.search_help {
		display: none;
	}

	.tooltip.st3lan.left, .tooltip.st3lan.left .tooltip-inner {
		width: 200px !important;
	}

	.search_help-m {
		display: inline !important;
	}

	#btnreset, #btnsearch {
		width: 130px;
	}

	.demo-video {
		margin-right: 0;
	}
}

@media only screen and (max-width: 360px) {
	.subhead .sections li {
		width: 120px;
		padding-right: 0;
	}

		.subhead .sections li a {
			line-height: 30px;
			font-size: 12px;
		}

	.prd_contnr {
		background: url("https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png")/*tpa=http://ticenter.fluke.com.cn/images/https://campaigns.fluke.com.cn/ticenter/ppc/home/css/focus-line-m.png*/ no-repeat center 30%;
		background-size: 100%;
	}

	.prd_img {
		height: 350px;
		position: relative;
	}

		.prd_img img {
			max-height: 280px;
		}

	.prd_desc > ul.keypoint li img {
		width: 40px;
	}

	#prdviewareabtn {
		width: 100%;
	}

	#btnreset, #btnsearch {
		margin: 0 10px;
		height: 40px;
		width: 110px;
	}

	.sub-btn, .jump-btn {
		width: 135px;
		padding: 8px 20px;
	}

	.wir_bnr {
		height: auto;
	}

	.wir_bnr_left, .wir_big_img {
		height: 180px;
	}

	.wir_title {
		font-size: 30px;
	}

	.wir_sub_title {
		font-size: 14px;
		line-height: normal;
		margin-bottom: 0;
	}

	.comp_prd_detail {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}

		.comp_prd_detail table {
			width: 100%;
			max-width: 480px;
		}

	.notification > span, .notification > .multisharp, .notification > .thermal-img {
		font-size: 13px;
	}
}

@media only screen and (max-width: 320px) {
	.subhead .sections li {
		width: 110px;
		padding-left: 0;
	}

	.banner h1 {
		font-size: 32px;
	}

	.banner p {
		font-size: 20px;
	}

	.prdviewarea ul li {
		height: 310px;
	}

	.prd_img {
		height: 330px;
	}

		.prd_img img {
			max-height: 235px;
		}

	.prd_desc > ul.keypoint li img {
		width: 30px;
	}

	.prd-btn button, .prd-btn input[type="submit"], .prd-btn button a, .prd-btn a {
		width: 100%;
	}

	.cat-list-m a {
		font-size: 15px;
	}

	.top-heading {
		font-size: 18px;
	}

	.search-cat .centerlized, .search-desc .centerlized {
		padding: 20px;
	}


	.screening_bx {
		padding: 0;
	}

	.screening_list > div > input[type="submit"], .screening_list > div > input[type="button"] {
		margin: 0 10px !important;
		width: 110px;
		position: relative;
	}

	.shift-top60 {
		margin: 0;
	}

	.wir_bnr {
		height: auto;
	}

	.wir_title {
		font-size: 30px;
	}

	.wir_sub_title {
		font-size: 14px;
		margin-bottom: 0;
	}

	.wir_bnr_left, .wir_big_img {
		height: 175px;
	}

	.compare_prd h2 {
		font-size: 22px;
	}
	.new-page .right-section .banner img.new-banner {
		width: auto; max-width: auto;height: 100%;
	}

	.banner .carousel-indicators {
		bottom: -40px;
	}
}

/* responsive css start */

}

/*@media only screen and (max-height:960px) and (max-width:1280px) {
	.new-page .left-section > ul > li > a {
		padding: 19.5% 10%;
	}
}*/


@media screen and (height: 700px) {
	.new-page .left-section > ul > li > a {
		padding: 15.3% 10%;
	}
}
