@media screen and (max-width:1600px) {
	.menu > li { margin: 0 10px; }
	.container { padding-left: 30px; padding-right: 30px; }
	.top-header .right-block li { padding: 0 6px; }
	.top-header .middle-block { width: 40%; }
	.top-header .left-block, .top-header .right-block { width: 30%; }
}
@media screen and (max-width:1366px) {
	.container { padding-left:15px; padding-right:15px; }
	.menu-btn { display: block; font-size:0; }
	.header-right { z-index: 10; position: fixed; top: 136px; left: 0; width: 100%; height: calc(100vh - 136px); background: #fff; overflow-y: auto; display: none; padding: 0 15px; }
	body.scrolled .header-right { top: 136px; height: calc(100vh - 136px); }
	.menu { display: block; }
	.menu > li { display: block; margin: 0; }
	.menu > li > a { padding: 0 40px 0 0; line-height: 40px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: initial; }
	.menu > li > a:after,
	.menu > li.active > a:after { display: none; }
	.menu li.has-sub > a { padding-right: 40px; }
	.menu > li > a:hover,
	.menu > li.active > a { color: #000; }
	.menu .submenu-button { top: 0; right: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background:#f1f1f1 url(../images/down-arrow.svg) 50% 50% no-repeat; background-position: cover; background-size: 15px; }
	.menu li.has-sub.active .submenu-button { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);	}
}
@media (max-width:1199px) {
		
}
@media screen and (max-width:1170px) {
	.s-py { padding-top: 50px; padding-bottom: 50px; }
}

@media screen and (max-width:1023px) {	
	.site-header, .site-header.fixed { position:relative; background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
	.wrapper { padding-top: 0; }
	.main-banner { margin-top: 0; }
	.top-header .right-block { display: none; }
	.top-header .middle-block { width: 50%; }
	.top-header .left-block, .top-header .right-block { width: 50%; }
	.top-header .middle-block { text-align: right; padding-right: 0; }	

	.main-menu { position:absolute; top:150px; left:0; width:100%; display:none; text-align:left; background: rgba(11,72,119,0.98); padding: 0; }
	.main-menu .leftmenu { width:100%; padding: 0 15px; margin: 0 0; }
	.main-menu ul > li { display:block; margin:0; border-top:0; }
	.main-menu > li.active a { background:#ef3a24; }
	.main-menu ul > li a { display:block; padding:0 15px 0 0; color: #fff; margin:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
	.main-menu ul > li a:hover,
	.main-menu ul > li.active > a,
	.main-menu ul li.current_page_item a { color:#ef3a24; }
	.main-menu ul li.has-sub a { margin-right:0; padding:0 15px 0 0; line-height: 37px; }
	.main-menu ul li.has-sub li a { margin-right:0; padding: 0 15px; background: none; color: #fff; }
	.main-menu .submenu-button { display: block; }
	.main-menu ul li a:after { display:none; }
	.main-menu ul li.has-sub > a::before { display:none; }
	.main-menu ul .submenu-button { position:absolute; top:0; right:0; width:36px; height:36px; background:rgba(0,0,0,0.2); color:#fff; line-height:36px; text-align:center; cursor:pointer; }
	.main-menu ul li ul,
	.main-menu ul li:hover > ul { padding:0; display:none; background:  rgba(255, 255, 255, 0.05); opacity:1; visibility:visible; pointer-events:inherit; position:relative; top:0; width:100%; -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit; 
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
	}
	.main-menu ul li ul li { border-top:0; }
	.main-menu ul li ul li a { padding:0 10px 0 25px; color:#404040; font-weight:400; }
	/*.main-menu ul li ul li a:hover { color:#ef3a24; }*/


	.s-py { padding-top:60px; padding-bottom:60px; }
	
}
@media screen and (max-width:979px) {
	.content-wrapper { padding-top:0; }
	
	.restable  { overflow-x:scroll; padding-bottom:20px; }
	.restable table { width:100%; min-width:800px; }
	.restable table td, .restable table th { padding:5px 8px; }
	
}
@media screen and (max-width:767px) {
	body { font-size:14px; line-height:24px; }
	.s-pt-half, .s-py-half { padding-top: 30px !important; }
	.s-pb-half, .s-py-half { padding-bottom: 30px !important;}
	.s-pt, .s-py { padding-top: 30px !important; }
	.s-pb, .s-py { padding-bottom: 30px !important; }
	.primary-btn { padding: 15px 35px 15px 15px; }
	.primary-btn:after { top: 18px; }

	h2 { font-size: 30px; }
	.title { margin-bottom: 20px; }
	.title h6 { font-size: 16px; }
	p { margin-bottom: 20px; }

	.top-header .middle-block { display: none; }
	.top-header .left-block, .top-header .right-block { width: 100%; text-align: center; line-height: 1.4; }

	.top-header { padding: 5px 0; font-size: 5px 0; }
	.bottom-header { padding: 15px 0; }
	.header-right { top: 110px; height: calc(100vh - 110px); }
	.logo a img { max-width: 130px; }

	.hero-section .item { padding: 30px 0; min-height: auto; background-color: #f1f1f1; }
	.hero-section .banner-bg { display: none; /*left: 0; width: 100%; max-width: 100%; max-height: 50%; -webkit-transform: none; -moz-transform: none; transform: none;*/ }
	.hero-section .banner-img { order: 1; width: 100%; }
	.hero-section .banner-img img { max-height: 300px; }
	.hero-section .banner-content { order: 2; width: 100%; padding-right: 0; }
	.banner-content h2 { font-size: 32px; line-height: 1; }
	.banner-content h2:before { height: 5px; display: none; }
	.banner-content p { margin-bottom: 20px; }
	.slick-slider .slick-arrow { width: 25px; height: 25px; padding: 0; }
	.slick-slider .slick-prev { left: 15px; }
	.slick-slider .slick-next { right: 15px; }
	.slick-dots { margin-top: 20px; }

	.inner-banner .data { padding-right: 0 !important; }
	.inner-banner.simple h1 { font-size: 28px; line-height: 36px; padding: 30px 0; }
	.breadcrumbs { padding: 10px 0; }
	.breadcrumbs li a { padding-right: 15px; margin-right: 10px; }

	.welcome-content .left-block { width: 100%; padding: 0 0 20px 0; }
	.welcome-section .brand-logo { width: 140px; margin: 0 auto 30px auto; }
	.welcome-section .valve-imgs { margin-bottom: 20px; }
	.welcome-content .right-block { width: 100%; }
	.welcome-content .right-block .text-block { padding: 10px; }
	.welcome-content .right-block .text-block .big-number { font-size: 40px; margin-bottom: 10px; }

	.testimonial-slider .slide { padding: 15px; text-align: center; }
	.testimonial-slider .avatar-info { margin-bottom: 15px; }
	.testimonial-slider .avatar-info .avatar { width: 50px; margin: 0 auto 5px auto; }
	.testimonial-slider .avatar-info .detail { padding-left: 0; width: calc(100% - 0px); }
	.testimonial-slider .avatar-info h6 { font-size: 14px; line-height: 18px; }
	.testimonial-slider .avatar-info p { font-size: 14px; }

	.download-row { padding: 20px; }
	.download-row .img-block { margin: 0; width: 40%; }
	.download-row .form-block { width: 60%; }
	.download-row .form-block .form-list li { width: calc(100% - 20px); }
	.download-row .form-block .form-list li:last-child { margin-bottom: 0; }
	.download-row .form-block .action .form-btn { margin-top: 10px; }

	.site-footer .footer-top { padding: 30px 0; }
	.footer-top .footer-left { width: 100%; padding: 0; }
	.footer-top .footer-right { width: 100%; padding-top: 20px; }
	.footer-top .footer-right .links { width: 100%; }
	.footer-top .footer-right .links li,
	.footer-top .footer-right .other-links li { padding: 0 20px 0 0; margin-bottom: 0; }
	.footer-top .footer-right .links li a, .footer-top .footer-right .other-links li a { padding: 5px 0; display: block; }
	.footer-top .footer-right .other-links { width: 100%; margin: 20px 0 0 0; }
	.site-footer .footer-bottom { padding: 15px 0; }
	.footer-bottom .container { display: block; }
	.footer-bottom .left-block { width: 100%; text-align: center; }
	.footer-bottom .left-block a { padding: 0 10px; }
	.footer-bottom .right-block { width: 100%; text-align: center; padding-top: 10px; }

	.product-listing .listing,
	.industry-lists { margin-left: -20px; margin-top: -20px; }
	.product-listing .listing li,
	.industry-lists li { width: calc(50% - 20px); margin-left: 20px; margin-top: 20px; }

	.product-details { padding: 30px 0; }
	.product-details .toppart .left-block,
	.product-details .toppart .right-block { width: 100%; }
	.product-details .toppart .right-block { padding-top: 20px; }
	#protabs .tabs-left ul li a { font-size: 18px; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#protabs .tabs-left ul li.ui-tabs-active a { border-color: #005aaa; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
	.product-details .title01 { font-size: 22px; line-height: 24px; }
	.product-details .title02 { font-size: 16px; line-height: 24px; }
	.product-details .row div[class^="col-"] { width: 100%; margin-bottom: 20px; }
	.product-details .row div[class^="col-"]:last-child { margin-bottom: 0; }
	.product-details .plist01,
	.product-details .plist02 { margin-bottom: 20px !important; }
	.product-details .plist01 li,
	.product-details .plist02 li { font-size: 14px; }
	.product-details .plist02 li { line-height: 30px; }
	.product-details .plist01 li { line-height: 24px; }
	.product-details .plist01 span { width: auto; margin-right: 10px; }
	.product-details .plist01 span:after { position: relative; left: 5px; }

	.ui-corner-bottom, .mobile-tabs { padding: 15px; line-height: normal; }

	.download-row .fluentform .text-field, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-email, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-select { padding: 10px 10px !important; }

	.certificate-list .item { width: calc(50% - 20px); }	
	.industry-lists li .icon { width: 100px; }
	.client-list .item { width: calc(33.33% - 20px); }
	.faqs-section .custom-accordion .accordion { font-size: 16px; }
	.faqs-section .custom-accordion .panel { font-size: 14px; }

	.contact .lpart { width: 100%; }
	.contact .rpart { width: 100%; padding-top: 20px; }
}
@media screen and (max-width:567px) {
	.logo .logo-text { display: none; }
	.welcome-content .right-block > div { width: 50%; }
	
	.download-row .img-block { width: 100%; }
	.download-row .img-block img { max-height: 200px; margin: 0 auto; }
	.download-row .form-block { width: 100%; padding-top: 20px; }
	.client-list .item { width: calc(50% - 20px); }
}
@media screen and (max-width:480px) {
	.footer-top .footer-right .links li { width: 100%; }
	.product-listing .listing li,
	.industry-lists li { width: calc(100% - 20px); }
	.product-listing .listing li .name { font-size: 16px; }
	.certificate-list .item { width: calc(100% - 20px); }
	.industry-lists li .icon { width: 80px; }
}
@media screen and (max-width:360px) {
	h2,
	.inner-banner.simple h1,
	.banner-content h2 { font-size: 26px; }
}
