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

@media (max-width: 1680px) {
	.container{max-width: inherit; width: 1560px;}
}

@media (max-width: 1440px) {
	.container{max-width: inherit; width: 1150px;}

	#preload-default{top: 150px;}
	
	.whead{margin-bottom: 30px;}
	.whead .title{font-size: 4em;}
	.whead .desc{font-size: 2em;}
	.whead-sm .title{font-size: 3.6em;}
	.whead-xs{margin-bottom: 25px;}
	.whead-xs .title{font-size: 2.6em;}

	.btn{height: 46px; line-height: 44px; font-size: 18px;}

	.breadcrumb li, 
	.breadcrumb li.active, 
	.breadcrumb .link{font-size: 14px;}
	.breadcrumb .link span{font-size: 16px;}
	.breadcrumb li + li:before{top: 0; font-size: 16px;}

	.editor-content{font-size: 1.8em;}
	.editor-content .whead .title{font-size: 2.2em;}

	.default-nav{margin-bottom: 40px;}
	.default-nav .link{font-size: 2em;}

	.pagination a{font-size: 2em;}

	.default-page{margin-top: 100px;}
	.default-header img{height: 330px;}

	.default-body{padding: 50px 0;}
	
	.side-nav{margin-top: 70px;}
	.side-nav .link{font-size: 2em;}
	.side-nav .active .link:before{width: 8px; height: 8px; top: 9px;}
	.side-nav .active .link{padding-left: 20px;}
	.main-content{padding-left: 60px;}

	.table-responsive{margin: 10px 0 35px 0;}
	
	.site-header .main{height: 100px;}
	.site-header .main-brand img{height: 90px;}
	.site-header .main-topbar{height: 60px;}
	.site-header .main-topbar .brand{width: 246px; padding: 5px 0;}
	.site-header .main-search .form-default{width: 260px;}
	.site-header .main-search .form-control{min-height: 36px; font-size: 16px; padding: 0 10px;}
	.site-header .main-search .btn{width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
	.site-header .main-lang{margin-left: 20px;}
	.site-header .main-lang .link{line-height: 36px; font-size: 1.8em;}
	.site-header .main-sub{margin-left: 20px;}
	.site-header .main-sub > .link{height: 36px; line-height: 36px; font-size: 1.6em;}
	.site-header .main-sub .dropdown-menu{width: 200px;}
	.site-header .main-nav{height: 40px;}
	.site-header .main-nav .nav-list > li + li{margin-left: 90px;}
	.site-header .main-nav .link.home span{font-size: 22px; line-height: 38px;}
	.site-header .main-nav .link{line-height: 40px; font-size: 1.8em;}

	.hero-banner{padding-top: 100px;}
	.hero-banner .cover, 
	.hero-banner .cover img{height: calc(100vh - 100px);}
	.hero-banner .slick-dots li{width: 14px; height: 14px;}
	.hero-banner .caption{margin-left: calc(-1120px / 2); width: 570px;}
	.hero-banner .caption .title{font-size: 6em;}
	
	.wg-product .whead{top: 160px;}
	.wg-product-list{margin-top: 0;}
	.wg-product-list .link{height: 100vh;}
	.wg-product-list .icon{width: 50px; height: 50px; border-width: 2px;}
	.wg-product-list .icon:before{height: 2px;}
	.wg-product-list .icon:after{width: 2px;}
	.wg-product-list .title{font-size: 2.2em;}
	.wg-product-list .slick-prev{left: 60px;}
	.wg-product-list .slick-next{right: 60px;}
	.product-block .wg-product .whead{top: 50px;}
	
	.wg-news-area{height: calc(100vh - 100px); margin-top: 100px;}
	.wg-news-list .slick-list{margin: 0 -10px;}
	.wg-news-list .item{padding: 0 10px;}
	.wg-news-list .date{font-size: 1.6em; padding: 12px 0; width: 60px; height: 60px; left: 15px;}
	.wg-news-list .inner{padding: 20px 15px; height: 130px;}
	.wg-news-list .inner:before{left: 15px; width: 50px; height: 4px;}
	.wg-news-list .title{font-size: 1.8em; margin-bottom: 10px;}
	.wg-news-list .desc{font-size: 1.5em;}
	.wg-news-action{margin-top: 40px;}
	.wg-news-list .row{margin: 0 -10px;}
	.wg-news-list .row > div{padding: 0 10px;}
	.news-block .wg-news-list .link{margin-bottom: 20px;}

	.wg-business{height: auto; min-height: 100vh;}
	.wg-business-area{margin-top: 100px; height: auto; min-height: calc(100vh - 140px); padding: 60px 0;}
	.wg-business-bg{top: 100px;}
	.wg-business .whead{margin-bottom: 20px;}
	.wg-business .inner .desc{font-size: 1.8em;}
	.wg-business .gallery{margin: 20px 0;}
	.business-block .wg-business{padding: 60px 0;}
	
	.wg-history{height: auto; min-height: 100vh;}
	.wg-history-area{margin-top: 100px; height: auto; min-height: calc(100vh - 140px); padding: 60px 0;}
	.wg-history-slider{padding-top: 0;}
	.wg-history-slider .content{padding: 0 50px;}
	.wg-history-slider .content .cover{width: 500px;}
	.wg-history-slider .content .inner{padding-left: 40px;}
	.wg-history-slider .content .desc{font-size: 1.8em;}
	.wg-history-slider .content .date{font-size: 3.2em; width: 100px; padding: 5px 10px;}
	.wg-history-slider .slick-arrow{width: 40px; height: 40px; font-size: 40px; top: 50%;}
	.wg-history-slider .slider-nav{margin-top: 30px;}
	.wg-history-slider .slider-nav .title{font-size: 1.8em;}
	.wg-history-slider .slider-nav .slick-current .title{font-size: 2.2em;}
	.history-block .wg-history{padding: 60px 0;}

	.site-footer .topbar-nav .nav-list{margin: 0 -15px;}
	.site-footer .topbar-nav .nav-list > li{padding: 0 15px;}
	.site-footer .topbar-nav .icon{width: 80px; padding: 10px;}
	.site-footer .topbar-nav .title{font-size: 3em;}

	.site-footer .main{padding: 40px 0;}
	.site-footer .main-map{width: 480px;}
	.site-footer .main-map .wrapper{width: 230px; height: 260px;}
	.site-footer .main-map .wrapper img{height: 258px; object-fit: cover; object-position: center;}
	.site-footer .main-nav .link{font-size: 1.6em;}
	.site-footer .main-nav .nav-list .nav-list .link{font-size: 1.5em;}
	.site-footer .main-nav .nav-list .nav-list .link:before{top: 10px;}
	.site-footer .main-nav.nav-1{width: 160px;}
	.site-footer .main-nav{width: 210px;}
	.site-footer .main-address .inner{height: auto; margin-bottom: 17px;}
	.site-footer .main-address .title{font-size: 1.8em;}
	.site-footer .main-address .desc{font-size: 1.5em;}
	.site-footer .main-address .info{margin-top: 15px;}
	.site-footer .main-address .info > div + div{margin-top: 5px;}
	.site-footer .main-address .info{font-size: 1.5em;}

	.product-filter .dropdown > div > .link{font-size: 2em; line-height: 60px;}
	.product-filter .dropdown > div > .link span{height: 60px;}
	.product-filter .nav-list .link{font-size: 1.4em;}
	.product-filter .item-list{padding: 0 10px;}
	.product-filter .item-list > li{padding: 15px 30px;}
	.product-filter .dropdown .dropdown-menu,
	.product-filter .dropdown.open-static .dropdown-menu{height: 345px;}
	.product-filter .mcscroll{height: 320px; margin: 10px 0;}
	.product-body{margin-top: 50px;}
	.product-body .topic{font-size: 3.4em; margin-bottom: 30px;}
	.product-list .title{font-size: 1.8em;}
	.product-body .block + .block{margin-top: 50px;}
	.product-detail .slider{width: 500px;}
	.product-detail .content .title{font-size: 3.2em;}
	.product-relate{margin-top: 60px;}
	.product-relate .whead-sm{margin-bottom: 30px;}

	.news-detail .content{margin-left: 30px;}
	.news-detail .content .title{font-size: 2.8em;}

	.contact-nav .link{font-size: 2.4em;}
	.contact-nav .icon{width: 40px; top: -5px; margin-right: 2px;}
	.contact-nav .nav-list > li + li:before{margin: 0 30px; height: 40px; top: -4px;}
	.contact-info .inner .desc{font-size: 1.8em;}
	.contact-info .inner .info{font-size: 1.8em;}
	
	.career-filter{margin-bottom: 40px;}
	.career-list .item-list{margin: 0 -10px;}
	.career-list .item-list > li{padding: 0 10px; margin-bottom: 20px;}
	.career-list .title{font-size: 2em;}
	.career-list .desc{font-size: 1.8em;}
	.career-content{margin-right: 30px;}

	.book-nav .link{font-size: 2.4em;}
	.book-nav .icon{width: 40px; top: -5px; margin-right: 2px;}
	.book-nav .nav-list > li + li:before{margin: 0 30px; height: 40px; top: -4px;}
	.book-list{background-size: 100%;}
	.book-list .item-list > li{margin-bottom: 53px;}
	.book-list .link{width: 195px; margin: 0 auto;}

	.product-filter .dropdown > div > .link{line-height: 50px; font-size: 1.8em; padding: 5px;}
	.product-filter .dropdown > div > .link span{height: 50px;}
	
	.site-footer .topbar{padding: 30px 0;}
	.site-footer .topbar-nav .icon{width: 60px; height: 60px; padding: 6px;}
	.site-footer .topbar-nav .title{font-size: 2.4em;}
	.site-footer .topbar-nav .nav-list{margin: 0 -10px;}
	.site-footer .topbar-nav .nav-list > li{padding: 0 10px;}

	.breadcrumb li, .breadcrumb li.active, .breadcrumb .link{line-height: 40px; font-size: 13px;}
	.breadcrumb .link span{font-size: 14px;}
	.breadcrumb li + li:before{font-size: 14px; margin: 0;}
}

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

	#preload-default{top: 96px;}
	
	.whead{margin-bottom: 30px;}
	.whead .title{font-size: 3.4em;}
	.whead-sm{margin-bottom: 25px;}
	.whead-sm .title{font-size: 3em;}
	.whead-xs .title{font-size: 2.4em;}
	.whead-xs .topic{font-size: 2.4em;}

	.breadcrumb li, 
	.breadcrumb li.active, 
	.breadcrumb .link{line-height: 40px; font-size: 12px;}
	.breadcrumb .link span{font-size: 14px;}
	.breadcrumb li + li:before{top: 0; font-size: 14px;}

	.editor-content .whead .title{font-size: 1.9em;}

	.default-nav{margin-bottom: 30px;}
	.default-nav .link{font-size: 1.8em;}

	.pagination a{font-size: 1.8em;}

	.default-page{margin-top: 56px;}
	.default-topbar .container{width: 100%;}
	.default-header{position: relative; padding-top: 27.5%;}
	.default-header img{height: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.default-body{padding: 40px 0;}

	.main-content{padding-left: 0;}

	.table-responsive{margin: 10px 0 30px 0;}

	.site-header .container{width: 100%;}
	.site-header .main{height: 56px;}
	.site-header .main-brand img{height: 46px;}
	.site-header .main-wrapper{
		background-color: #fff;
		position: fixed;
		z-index: 3000;
		margin-top: 0;
		width: 100%;
		padding: 0 15px;
		top: 56px;
		left: 0;
		bottom: 0;
		overflow: auto;

		display: flex;
		flex-direction: column;

		opacity: 0;
		visibility: hidden;

		-webkit-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);

		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.site-header .main-wrapper.open{
		opacity: 1;
		visibility: visible;

		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.site-header .main-topbar{order: 2;}
	.site-header .main-topbar .brand{display: none;}
	.site-header .main-topbar .row-flex{display: block;}
	.site-header .main-nav{order: 1; height: auto;}
	.site-header .main-nav .nav-list > li{width: 100%;}
	.site-header .main-nav .nav-list > li + li{margin-left: 0; border-top: 1px solid #bbb;}
	.site-header .main-nav .link.home span{display: none;}
	.site-header .main-nav .link.home{font-size: 1.6em; line-height: 1.2em; padding: 12px 0;}
	.site-header .main-nav .link{font-size: 1.6em; line-height: 1.2em; padding: 12px 0;}
	.site-header .main-nav .active .link:before{display: none;}
	.site-header .main-tool{position: relative; margin-top: 15px; margin-bottom: 265px;}
	.site-header .main-lang{position: absolute; top: 0; right: 0;}
	.site-header .main-search .form-default{width: auto; margin-right: 100px;}
	.site-header .main-sub{margin-left: 0; margin-top: 15px;}
	.site-header .main-sub > .link{padding: 0 10px;}
	.site-header .main-sub > .link:after{float: right;}
	.site-header .main-sub .sub-list{max-height: 200px;}

	.hero-banner{padding-top: 56px;}
	.hero-banner .cover{height: auto; padding-top: 50%; position: relative;}
	.hero-banner .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.hero-banner .slick-dots{bottom: 20px;}
	.hero-banner .slick-dots li{width: 12px; height: 12px;}
	.hero-banner .caption{margin-left: 0; left: 15px; width: 480px; margin-top: -10px;}
	.hero-banner .caption .title{font-size: 5em;}
	
	.wg-product{height: auto; padding: 40px 0 10px 0;}
	.wg-product .whead{top: 0; position: relative;}
	.wg-product .whead .title{padding: 0; background-color: transparent;}
	.wg-product-list{margin-top: 0;}
	.wg-product-list .link{height: 500px;}
	.wg-product-list .inner{bottom: 20px;}
	.wg-product-list .slick-prev{left: 15px;}
	.wg-product-list .slick-next{right: 15px;}
	.wg-product-list .slick-arrow{top: 50%;}
	.product-block .wg-product .whead{top: 0;}
	
	.wg-news{padding: 40px 0; height: auto;}
	.wg-news-area{height: auto; margin-top: 0;}
	
	.wg-business{padding: 40px 0; height: auto;}
	.wg-business-bg{top: 0;}
	.wg-business-area{margin-top: 0; height: auto;}
	.business-block .wg-business{padding: 40px 0;}

	.wg-history{padding: 40px 0 10px 0; height: auto;}
	.wg-history-area{height: auto; margin-top: 0;}
	.wg-history-slider .content .cover{width: 420px;}
	.wg-history-slider .content .desc{font-size: 1.6em;}
	.wg-history-slider .content .inner{padding-left: 30px;}
	.wg-history-slider .content .date{font-size: 2.6em; width: 80px;}
	.wg-history-slider .content .date .year span{font-size: 13px;}
	.history-block .wg-history{padding: 40px 0;}

	.site-footer .topbar-nav .nav-list{margin: 0 -10px;}
	.site-footer .topbar-nav .nav-list > li{padding: 0 10px;}
	.site-footer .topbar-nav .title{font-size: 2.6em;}
	.site-footer .topbar-nav .link,
	.site-footer .topbar-nav .link:hover{background-size: cover;}

	.site-footer .main-map{width: 300px;}
	.site-footer .main-map .wrapper{width: 100%;}

	.product-filter .item-list > li{width: calc(100% / 4); padding: 15px 25px;}
	.product-body .topic{font-size: 3em;}
	.product-body{margin-top: 40px;}
	.product-list .item-list{margin: 0 -15px;}
	.product-list .item-list > li{padding: 0 15px;}
	.product-detail .slider{width: 440px;}
	.product-detail .content .title{font-size: 3.2em;}
	.product-relate{margin-top: 40px; padding-top: 40px;}
	.product-relate .whead-sm{margin-bottom: 30px;}

	.news-detail .content{margin-left: 10px;}
	.news-detail .content .title{font-size: 2.4em;}
	
	.career-content{margin-right: 0; margin-top: 0; padding-right: 0; border-right: none; padding-bottom: 30px; border-bottom: 1px solid #a5acb2;}
	.career-content .action{margin-top: 30px;}
	.career-content .editor-content{padding-top: 0;}
	.career-form{margin-top: 30px;}
	.career-form .form-default{padding-top: 5px;}

	.contact-nav{margin: 40px 0;}

	.inquiries-block .form-default{width: 100%;}
		
	.book-nav{margin: 40px 0;}
	.book-list .item-list > li{margin-bottom: 43px;}
	.book-list .link{width: 165px;}
	
	.book-detail .content{margin-left: 20px;}
	.book-detail .content .title{font-size: 2.4em;}
	.book-relate{margin-top: 40px; padding-top: 40px;}
	.book-relate .whead-sm{margin-bottom: 25px;}

	.btn-nav{display: block;}

	.side-nav{
		background-color: #fff;
		position: fixed;
		z-index: 3000;
		margin-top: 0;
		width: 100%;
		padding: 0 15px;
		top: 40vh;
		left: 0;
		bottom: 0;
		overflow: auto;

		opacity: 0;
		visibility: hidden;

		-webkit-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.side-nav.open{
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.side-nav .nav-list > li{padding: 12px 0;}
	.side-nav .nav-list > li + li{padding: 12px 0;}
	.side-nav .link{font-size: 1.6em;}
	.side-nav .active .link:before{top: 6px;}

	.default-nav{
		background-color: #fff;
		position: fixed;
		z-index: 3000;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		padding: 0 15px;
		top: 40vh;
		left: 0;
		bottom: 0;
		overflow: auto;

		opacity: 0;
		visibility: hidden;

		-webkit-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.default-nav.open{
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.default-nav .nav-list{margin: 0;}
	.default-nav .nav-list > li{padding: 12px 0; width: 100%; margin-bottom: 0;}
	.default-nav .nav-list > li + li{padding: 12px 0; border-top: 1px solid #bbb;}
	.default-nav .link{font-size: 1.6em;}

	.contact-nav{
		background-color: #fff;
		position: fixed;
		z-index: 3000;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		padding: 0 15px;
		top: 40vh;
		left: 0;
		bottom: 0;
		overflow: auto;

		opacity: 0;
		visibility: hidden;

		-webkit-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.contact-nav.open{
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.contact-nav .nav-list{margin: 0;}
	.contact-nav .nav-list > li{padding: 12px 0; width: 100%; margin-bottom: 0;}
	.contact-nav .nav-list > li + li{padding: 12px 0; border-top: 1px solid #bbb;}
	.contact-nav .link{font-size: 1.6em; line-height: 24px;}
	.contact-nav .nav-list > li + li:before{display: none;}
	.contact-nav .icon{width: 24px; top: 0;}

	.book-nav{
		background-color: #fff;
		position: fixed;
		z-index: 3000;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		padding: 0 15px;
		top: 40vh;
		left: 0;
		bottom: 0;
		overflow: auto;

		opacity: 0;
		visibility: hidden;

		-webkit-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.book-nav.open{
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.book-nav .nav-list{margin: 0;}
	.book-nav .nav-list > li{padding: 12px 0; width: 100%; margin-bottom: 0;}
	.book-nav .nav-list > li + li{padding: 12px 0; border-top: 1px solid #bbb;}
	.book-nav .link{font-size: 1.6em; line-height: 24px;}
	.book-nav .nav-list > li + li:before{display: none;}
	.book-nav .icon{width: 24px; top: 0;}

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

	.back-top{display: none;}

	.social-fix{display: none;}
}

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

	.site-container{overflow: hidden;}
	
	.whead{margin-bottom: 25px;}
	.whead .title{font-size: 2.4em;}
	.whead .desc{font-size: 1.6em; margin-top: 15px;}
	.whead-sm{margin-bottom: 25px;}
	.whead-sm .title{font-size: 2.4em;}
	.whead-xs{margin-bottom: 20px;}
	.whead-xs .title{font-size: 2em;}
	.whead-xs .topic{font-size: 2em;}

	.btn{height: 44px; line-height: 42px; font-size: 16px;}
	.btn-xs span.icon{width: 18px; top: 11px;}

	.editor-content{font-size: 1.6em;}
	.editor-content .whead .title{font-size: 1.4em;}
	.editor-content .row-20{margin: 0 -5px;}
	.editor-content .row-20 > div{padding: 0 5px;}

	.breadcrumb li.active{max-width: 60vw;}

	.default-body{padding: 30px 0;}

	.table-responsive{border: none;}
	.table-default th.first{width: 150px;}
	.table-default th{padding: 10px 15px;}
	.table-default td{padding: 10px 15px;}

	.pagination-block{margin-top: 15px;}
	.pagination a{min-width: 36px; height: 36px; line-height: 36px;}

	.form-default .form-control{font-size: 16px;}
	.form-default .control-label{font-size: 16px;}
	.form-default .form-group{margin-bottom: 15px;}
	.form-default .note{font-size: 1.4em;}
	.radio-control .title{font-size: 16px;}
	.radio-control .icon{top: -1px;}

	.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 16px;}
	
	.hero-banner .slick-dots{bottom: 15px;}
	.hero-banner .slick-dots li{width: 10px; height: 10px;}
	.hero-banner .caption{width: 45%; margin-top: 0;}
	.hero-banner .caption .title{font-size: 4.5vw;}
	
	.wg-product{padding: 30px 0 10px 0;}
	.wg-product-list{padding: 0 20px;}
	.wg-product-list .link{height: auto; padding-top: 160%;}
	.wg-product-list .inner{left: 15px; right: 15px; bottom: 15px;}
	.wg-product-list .title{height: 2.4em; font-size: 1.6em; margin-bottom: 0;}
	.wg-product-list .desc{display: none;}
	.wg-product-list .icon{width: 34px; height: 34px; margin-bottom: 10px;}
	.wg-product-list .slick-list{overflow: visible;}
		
	.wg-news{padding: 30px 0;}
	.wg-news-list{padding: 0 5px;}
	.wg-news-list .slick-list{margin: 0 -5px;}
	.wg-news-list .item{padding: 0 5px;}
	.wg-news-list .inner{height: 120px;}
	.wg-news-list .title{font-size: 1.6em;}
	.wg-news-list .desc{font-size: 1.4em;}
	.wg-news-action{margin-top: 30px;}
	.news-block .wg-news-list{padding: 0;}
	.news-block .wg-news-list .link{margin-bottom: 15px;}
	
	.wg-business .whead{text-align: center;}
	.wg-business .gallery{margin: 15px 0;}
	.wg-business .gallery .item-list{margin: 0 -5px;}
	.wg-business .gallery .item-list > li{width: 50%; padding: 0 5px; margin: 5px 0;}
	.wg-business .inner .desc{font-size: 1.6em;}
	.business-block .wg-business{padding: 30px 0;}
	
	.wg-history-slider .content{padding: 0;}
	.wg-history-slider .content .row-table{display: block;}
	.wg-history-slider .content .row-table > div{display: block; width: auto;}
	.wg-history-slider .content .cover{width: 100%;}
	.wg-history-slider .content .inner{padding-left: 0; margin-top: 20px;}
	.wg-history-slider .slider-nav .item{padding: 30px 0;}
	.history-block .wg-history{padding: 30px 0;}

	.site-footer .topbar{padding: 30px 0;}
	.site-footer .topbar-nav .nav-list{margin: 0;}
	.site-footer .topbar-nav .nav-list > li{padding: 0; width: 100%;}
	.site-footer .topbar-nav .nav-list > li + li{margin-top: 10px;}
	.site-footer .topbar-nav .icon{width: 60px; height: 60px; padding: 5px;}
	.site-footer .topbar-nav .title{font-size: 2.2em;}
	
	.site-footer .main{padding: 30px 0;}
	.site-footer .main .row-flex{display: block;}
	.site-footer .main-map{display: none;}
	.site-footer .main-nav{display: none;}
	.site-footer .main-address{padding-left: 0;}
	.site-footer .main-address .desc{padding-right: 0; font-size: 1.4em;}
	.site-footer .main-address .info{font-size: 1.4em;}
	.site-footer .main-address .social .link{width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
	
	.product-header{margin-bottom: 20px;}
	.product-filter .row > div + div{margin-top: 15px;}
	.product-filter .dropdown > div > .link span{height: 50px;}
	.product-filter .dropdown > div > .link{line-height: 50px; font-size: 1.8em; padding: 5px;}
	.product-filter .dropdown > .link span{height: 50px;}
	.product-filter .dropdown > .link{line-height: 50px; font-size: 1.8em; padding: 5px;}
	.product-filter .nav-list .link{font-size: 1.2em;}
	.product-filter .dropdown.open-static .dropdown-menu,
	.product-filter .dropdown .dropdown-menu{height: 317px;}
	.product-filter .item-list > li{width: calc(100% / 3);}
	.product-filter .mcscroll{height: 296px;}
	.product-filter .mCSB_scrollTools{right: 10px;}
	
	.product-list .item-list{margin: 0 -7.5px;}
	.product-list .item-list > li{padding: 0 7.5px;}
	.product-list .item-list > li{width: calc(100% / 2);}
	.product-list .link{margin-bottom: 20px;}
	.product-list .title{font-size: 1.6em; margin-top: 10px;}
	.product-body .topic{margin-bottom: 25px; font-size: 2.4em;}
	.product-list .tag{font-size: 1.6em;}
	.product-body{margin-top: 30px;}
	.product-body .block + .block{margin-top: 15px;}

	.product-detail .slider{width: 100%;}
	.product-detail .content .title{font-size: 2.6em;}
	.product-detail .content{padding-left: 0; margin-top: 30px;}
	.product-detail .content .action{margin-top: 30px;}
	.product-detail .content .action .btn{width: calc(50% - 5px);}
	.product-detail .content .action .btn + .btn{margin-left: 10px;}
	.product-relate{margin-top: 30px; padding-top: 30px;}
	.product-relate .whead-sm{margin-bottom: 25px;}

	.news-detail .content{margin-left: 0; margin-top: 30px; padding-bottom: 0;}
	.news-detail .content .title{font-size: 2em; margin-bottom: 15px;}
	.news-detail .content .action{position: relative; margin-top: 30px;}
	.news-detail .slider-for{margin-bottom: 10px;}
	.news-detail .slider-nav .slick-list{margin: 0 -5px;}
	.news-detail .slider-nav .item{padding: 0 5px;}

	.contact-info .inner .title{font-size: 2em;}
	.contact-info .inner .desc{font-size: 1.6em;}
	.contact-info .inner .info{font-size: 1.6em; margin-top: 15px;}
	.contact-info .inner .desc{padding-right: 0;}
	.contact-info .inner .info > div + div{margin-top: 5px;}
	.contact-info .social{margin-top: 20px;}
	.contact-info .social .link{width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
	.contact-form{margin-top: 30px;}
	.contact-form .form-group{margin-bottom: 15px;}
	.contact-form .form-button{margin-top: 15px;}
	.contact-form .form-button .btn{width: 100%;}
	
	.career-filter{margin-bottom: 30px;}
	.career-filter .select-wrapper{width: 100%;}
	.career-list .item-list > li{width: calc(100% / 3);}
	.career-list .link{padding: 15px; height: 140px;}
	.career-list .title{font-size: 1.8em;}
	.career-list .desc{font-size: 1.6em; margin-top: 5px;}
	.career-form .form-button{margin-top: 15px;}
	.career-form .form-button .btn{width: calc(50% - 5px);}
	.career-form .form-default .form-button .btn + .btn{margin-left: 10px;}
	
	.inquiries-block .form-default{padding-top: 0;}
	.inquiries-block .form-button{margin-top: 15px;}
	.inquiries-block .form-button .btn{width: 100%;}

	.book-list{background: none;}
	.book-list .item-list{margin: 0 -7.5px;}
	.book-list .item-list > li{width: calc(100% / 3); padding: 0 7.5px; margin-bottom: 15px;}
	.book-list .link{width: 100%;}
	.book-detail .cover{margin: 0 15px;}
	.book-detail .content{margin-left: 0; margin-top: 30px; padding-bottom: 0;}
	.book-detail .content .title{font-size: 2em; margin-bottom: 15px;}
	.book-detail .content .action{position: relative; margin-top: 30px;}
	.book-relate{margin-top: 30px; padding-top: 30px;}
	.book-relate .whead-sm{margin-bottom: 25px;}

	.modal-dialog{width: calc(100vw - 30px);}
}

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

	.career-list .item-list > li{width: calc(100% / 2);}

	.book-list .item-list > li{width: calc(100% / 2);}

	.editor-content ul li:before{top: 9px;}

	.career-content{height: 360px;}
	.career-content .mCustomScrollBox{padding-right: 20px;}
	.career-content .mCSB_scrollTools{right: 0;}
}

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

	.career-list .item-list > li{width: 100%; margin-bottom: 15px;}
}