@media (min-width: 1200px) {
	.container{max-width: inherit; width: 1210px;}
}




@media (max-width: 1366px) {
	.container{max-width: inherit; width: 980px;}

	.site-header .main{height: 105px;}
	.site-header .main-brand{width: 200px; height: 140px;}
	.site-header .main-topbar{height: 55px;}
	.site-header .main-topbar .nav-list > li + li{margin-left: 25px;}
	.site-header .main-topbar .link{line-height: 54px; font-size: 14px;}
	.site-header .main-topbar .link img{width: 32px;}
	.site-header .main-topbar .link + .link{margin-left: 10px;}
	.site-header .main-topbar .btn{height: 54px; line-height: 52px; font-size: 14px;}
	.site-header .main-nav .link{font-size: 18px; line-height: 50px;}

	.site-footer .main{padding: 20px 0;}
	.site-footer img{width: 70px;}
	.site-footer .title{font-size: 24px;}
	.site-footer .main-nav{margin: 23px 0;}
	.site-footer .main-nav .link{font-size: 14px;}
	.site-footer .main-nav li + li:before{height: 14px;}
	.site-footer .footbar .desc{font-size: 12px;}

	.editor-content,
	.editor-content p{font-size: 15px;}
	.whead{width: 120px; height: 500px;}
	.btn.btn-link{font-size: 16px;}

	.top-graphic .owl-dots{margin-right: -475px;}

	.wg-about{padding: 80px 0;}
	.wg-about:before{width: 370px; height: 370px; margin-left: -890px;}
	.wg-about .thumb-title{font-size: 58px; margin-bottom: -10px;}
	.wg-about .slogan{font-size: 28px;}
	.wg-about .slogan:before, 
	.wg-about .slogan:after{width: 40px; height: 40px; background-size: 40px;}

	.home-block-2{padding-top: 40px;}
	.wg-product{padding-left: 90px;}
	.wg-product .whead .title{line-height: 120px; font-size: 20px;}
	.wg-product .whead .title-wrap{top: 60px;}
	.wg-product .wtopic{margin-left: -90px;}
	.wg-product .wtopic .title{font-size: 50px;}
	.wg-product .wtopic .title:before{font-size: 90px;}
	.wg-product-list .wrapper{left: -90px;}
	.wg-product-list .wrapper:before{width: 510px; left: 90px;}
	.wg-product-list .slider-for .cover-bg,
	.wg-product-list .wrapper .container{height: 560px;}
	.wg-product-list .inner{margin-top: 120px; width: 360px;}
	.wg-product-list .inner .title{font-size: 30px; margin-left: -2px;}
	.wg-product-list .inner .desc{font-size: 14px;}
	.wg-product-list .inner .action{margin-top: 40px;}
	.wg-product .owl-nav{width: 120px; height: 60px; margin-right: -420px;}
	.wg-product .owl-nav > div{background-size: 80%;}
	.wg-product-list .slider-nav{left: 540px; bottom: 30px; width: 360px;}
	.wg-product-list .slider-nav .cover-bg{margin: 0 5px;}
	.wg-product-list .slider-nav .cover-bg:before{border-width: 3px;}

	.wg-fac{padding: 80px 0;}
	.wg-fac:after{width: 370px; height: 370px; background-size: 100%;}
	.wg-fac .wtopic .title{font-size: 40px;}
	.wg-fac .wtopic .desc{font-size: 16px;}
	.wg-fac .wtopic .action{margin-top: 40px;}
	.wg-fac-list .wrapper{margin: 0; display: inline-block;}
	.wg-fac-list .item-list > li{width: auto; margin: 8px 10px;}
	.wg-fac-list .icon{width: 70px; height: 70px; margin: 10px;}
	.wg-fac-list .wrapper:hover{margin: 0;}
	.wg-fac-list .wrapper:hover .icon{width: 70px; height: 70px; margin: 10px;}

	.home-block-3 .whead .title{line-height: 120px; font-size: 20px;}
	.home-block-3 .whead .title-wrap{top: 60px;}
	.wg-near{padding: 80px 0;}
	.wg-near .wtopic .title{font-size: 40px;}
	.wg-near-list{margin-top: 70px;}
	.wg-near-list .desc{font-size: 16px;}

	.wg-contact .map{margin-left: 120px; height: 500px;}
	.wg-contact .wtopic .title{font-size: 40px;}
	.wg-contact .info{height: 500px;}
	.wg-contact .info-wrapper{padding-left: 50px; padding-top: 140px;}
	.wg-contact .desc{font-size: 16px; padding-left: 45px;}
	.wg-contact .desc img{width: 30px;}
	.wg-contact .social .desc{line-height: 1.2em;}

	.product-list .link,
	.product-list .row-table{height: 460px;}
	.product-list .inner{padding: 30px;}
	.product-list .inner .title{font-size: 26px;}
	.product-list .inner .desc{font-size: 14px;}

	.productDe-gallery .slider-for .cover-bg{width: 100vw;}
	.productDe-gallery .slider-nav{width: 500px; margin-left: -475px; bottom: 40px;}
	.productDe-spec .title{font-size: 40px; top: -160px;}

	.feature-list .row > div{width: 100%;}
}




@media (max-width: 1199px) {
	.container{max-width: inherit; width: 980px;}

	.home-block-2{padding-top: 20px;}
	.wg-product{padding-left: 0; padding-top: 0;}
	.wg-product .whead{display: none;}
	.wg-product .wtopic{margin-left: 0;}
	.wg-product-list .wrapper{left: 0;}
	.wg-product-list .wrapper:before{left: 0;}
	.wg-product .owl-nav{margin-right: -475px; top: 30px;}
	.wg-product-list .slider-nav{width: 320px; left: 535px;}
	.wg-product-list .slider-for .cover-bg, 
	.wg-product-list .wrapper .container{height: 490px;}
	.wg-product .wtopic .title{font-size: 46px; margin-bottom: -8px;}

	.wg-fac .wtopic .title{font-size: 36px;}

	.wg-near .wtopic .title{font-size: 36px;}
	.wg-near-list{margin-top: 50px;}

	.home-block-3 .whead{display: none;}
	.wg-contact .wtopic .title{font-size: 36px;}
	.wg-contact .map{margin-left: 0; height: 440px;}
	.wg-contact .info{height: 440px;}
	.wg-contact .info-wrapper{padding-top: 80px;}

	.modal .modal-dialog{width: 100%;}
	.modal-content{margin: 15px;}
	.modal-close{width: 30px; height: 30px; line-height: 28px; top: 10px; right: 10px;}
	.modal-header{padding: 10px;}
	.modal-body{padding: 40px 20px;}
	.modal-body .wtopic .title{font-size: 20px; text-align: center;}
	.modal-body .editor-content, 
	.modal-body .editor-content p{font-size: 14px;}
}




@media (max-width: 991px) {
	.container{max-width: inherit; width: 760px;}

	.site-header .container{width: 100%;}

	.top-graphic{height: auto; position: relative;}
	.top-graphic .cover{height: auto; padding-top: 60%;}
	.top-graphic .owl-dots{bottom: 8px; margin-right: 0; right: auto; width: 100%; text-align: center;}
	.top-graphic .owl-dot{width: 20px; height: 3px; margin-left: 5px;}
	.top-graphic .owl-dot:first-child{margin-left: 0;}

	.site-header .main{height: 54px;}
	.site-header .main-topbar{border: none; margin-right: 58px;}
	.site-header .main-topbar:after{display: none;}
	.site-header .main-topbar .link{display: none;}
	.site-header .main-topbar .social{display: none;}
	.site-header .main-topbar .btn{background-color: transparent; padding: 0; font-size: 12px;}
	.site-header .main-topbar .nav-list > li + li{margin-left: 0;}
	.site-header .main-nav{overflow: auto; transform: translate(100%, 100%); position: fixed; width: 100%; top: 54px; left: 0; bottom: 0; background-color: rgba(5,5,99,0.9);
		-webkit-transition: all 600ms ease-in-out;
	    -moz-transition: all 600ms ease-in-out;
	    -o-transition: all 600ms ease-in-out;
	    -ms-transition: all 600ms ease-in-out;
	    transition: all 600ms ease-in-out;
	}
	.site-header .main-nav.open{transform: translate(0%, 0%);}
	.site-header .main-nav .nav-list{margin-top: 40px; margin-bottom: 40px;}
	.site-header .main-nav .nav-list > li{width: 100%; text-align: center;}
	.site-header .main-nav .nav-list > li + li{margin-left: 0; margin-top: 10px;}
	.site-header .main-nav .link{font-size: 18px;}

	.site-header .main-brand{width: 98px; height: 70px; position: relative; z-index: 100;}
	.site-header .main-brand img{height: 70px;}

	.menu-mobile-btn{display: block;}

	.home-block{margin-top: 0;}

	.default-header{height: 220px; padding: 110px 0 0 0;}
	.default-header .title{font-size: 26px;}
	.default-body{margin-top: 30px;}
	.default-header .breadcrumb{margin-top: 5px;}
	.default-header .breadcrumb li, 
	.default-header .breadcrumb a{font-size: 12px;}

	.product-block{padding-bottom: 15px;}
	.product-list .link{margin-bottom: 15px;}

	.gallery-block{padding-bottom: 60px;}
	.gallery-header{margin: 0; padding: 0; box-shadow: none;}
	.gallery-info{padding: 0; margin-top: 20px; margin-bottom: 30px;}
	.gallery-info .desc{font-size: 14px;}

	.contact-info{position: relative; left: 0; width: 100%;}
	.contact-map{margin-top: 30px; height: auto; padding-top: 60%;}
}




@media (max-width: 767px) {
	.container{max-width: inherit; width: 100%;}

	.editor-content, 
	.editor-content p{font-size: 14px;}

	.btn.btn-link{font-size: 14px;}

	.top-graphic .cover{height: auto; padding-top: 70%;}

	.wg-about .inner{text-align: center;}
	.wg-about{padding: 40px 0;}
	.wg-about .thumb:before{display: none;}
	.wg-about .thumb-title{font-size: 30px; margin-bottom: 20px;}
	.wg-about .slogan:before,
	.wg-about .slogan:after{display: none;}
	.wg-about .slogan{font-size: 20px; margin-top: 30px; margin-bottom: 20px;}

	.home-block-2{padding-top: 0;}
	.wg-product .wtopic .title:before{display: none;}
	.wg-product .wtopic .title{font-size: 30px; margin-bottom: 20px; text-align: center;}
	.wg-product-list .slider-for{margin: 0 15px;}
	.wg-product-list .slider-for .cover-bg{height: auto; padding-top: 60%;}
	.wg-product-list .slider-nav{position: relative; width: auto; left: auto; bottom: auto; margin-left: 10px; margin-right: 10px; margin-top: 15px;}
	.wg-product-list .wrapper{position: relative; margin-top: 90px; margin-bottom: 25px;}
	.wg-product-list .wrapper:before{display: none;}
	.wg-product-list .wrapper .container{height: auto;}
	.wg-product-list .inner{margin-top: 0; width: 100%; text-align: center;}
	.wg-product-list .inner .title{color: #333; font-size: 22px;}
	.wg-product-list .inner .desc{color: #888;}
	.wg-product-list .inner .action{margin-top: 10px;}
	.wg-product .owl-nav{margin-right: auto; top: 0; left: 15px; right: 15px; width: auto;}
	.wg-product .owl-nav > div{background-size: 40px; background-repeat: no-repeat;}

	.wg-fac{padding: 60px 0 30px 0;}
	.wg-fac:after{display: none;}
	.wg-fac .wtopic .title{font-size: 30px;}
	.wg-fac .wtopic .desc{font-size: 14px;}
	.wg-fac .wtopic .action{margin-top: 20px;}
	.wg-fac .wtopic{text-align: center; padding-right: 0; margin-top: 0; margin-bottom: 20px;}

	.wg-near{padding: 40px 0;}
	.wg-near .wtopic .title{font-size: 30px; text-align: center;}

	.wg-near-list{margin-top: 30px;}
	.wg-near-list .row > div + div{margin-top: 30px; padding-top: 30px;}
	.wg-near-list .row > div + div:before{width: 100%; height: 1px; top: 0;}

	.wg-contact .map{height: 300px;}
	.wg-contact .info{height: auto;}
	.wg-contact .info-wrapper{padding: 40px 15px; width: 100%;}
	.wg-contact .wtopic .title{font-size: 30px; text-align: center;}

	.site-footer .main{padding: 30px 0;}
	.site-footer .brand{text-align: center;}
	.site-footer .brand .title{width: 100%;}
	.site-footer .brand img{margin-right: 0; margin-bottom: 15px; display: inline-block;}
	.site-footer .main-nav{padding-top: 30px; text-align: center; margin: 0; float: left; width: 100%;}
	.site-footer .main-nav .nav-list{display: inline-block;}
	.site-footer .footbar{position: relative;}

	.productDe-block{margin-top: 54px;}
	.productDe-gallery{height: auto;}
	.productDe-gallery .slider-for .cover-bg{height: auto; padding-top: 44%;}
	.productDe-gallery .slider-nav{margin-top: 10px; width: 100%; position: relative; margin-left: 0; bottom: 0; left: auto; padding: 0 5px 0 15px;}

	.productDe-spec{padding: 0; margin-top: 30px;}
	.productDe-spec .title{top: 0; margin-bottom: 15px; color: #050563; font-size: 24px; position: relative;}
	.productDe-spec .control-label{font-size: 15px; float: left; width: 100px;}
	.productDe-spec .desc{font-size: 15px;}
	.productDe-spec .item-list > li + li{margin-top: 10px;}

	.productDe-info{position: relative; width: 100%; top: 0; right: 0; margin-top: 30px;}
	.productDe-info .info-block-1{padding: 20px;}
	.productDe-info .info-block-2{padding: 20px;}
	.productDe-info .info-block-3{padding: 20px;}

	.productDe-feature{padding: 30px 0 10px 0;}
	.productDe-desc{padding: 30px 0;}

	.productDe-desc .action .btn{width: 100%;}

	.productDe-other{display: none;}

	.fac-list .list-sm{height: auto; padding: 30px 0;}
	.fac-list .list-sm .row-table{height: auto; display: block; padding: 0;}
	.fac-list .list-sm .row-table > div{display: block; width: auto; text-align: center;}
	.fac-list .list-sm .inner{padding-left: 0; margin-top: 10px;}
	.fac-list .list-md{height: auto; padding: 30px 0;}
	.fac-list .list-md .row-table{height: auto;}

	.gallery-block{padding-bottom: 30px;}

	.contact-info{min-height: inherit;}
	.contact-info .wtopic{margin-bottom: 20px;}
	.contact-info .info-wrapper{padding: 20px;}
	.contact-info .desc{font-size: 15px; padding-left: 40px;}
	.contact-info .desc img{width: 28px;}
	.contact-info .desc + .desc{margin-top: 15px;}
	.contact-info .social{margin-top: 20px;}
	.contact-block .wg-near{padding: 30px 0;}
	.contact-block .wg-near .wtopic .title{font-size: 30px;}
	.contact-block .wg-near-list{margin-top: 30px;}
	.contact-block .wg-near-list .thumb{margin-top: 20px;}
	.wg-near-list .row > div + div{padding-top: 0;}
}




@media (max-width: 575px) {
	.container{max-width: inherit; width: 100%;}

	.gallery-header .nav-list{width: 100%;}
	.gallery-header li{width: 33.3333%;}
	.gallery-header .link{padding: 0 15px; font-size: 14px; height: 40px; line-height: 38px;}
}