@media (max-width: 1600px) {
	.container{max-width: inherit; width: 1310px;}
}

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

	.site-header .topbar{background-position: center bottom;}
	.site-header .topbar .height{height: 70px;}
	.site-header .topbar .logo{width: 310px; height: 50px;}
	.site-header .language .dropdown > a.link{width: 60px; height: 40px; line-height: 38px; font-size: 22px;}
	.site-header .language .dropdown > a.link .icon{font-size: 16px; line-height: 38px;}
	.site-header .language .dropdown-menu{min-width: 60px;}
	.site-header .language .dropdown-menu a.link{font-size: 22px;}
	.site-header .search .dropdown > a.link{font-size: 22px; width: 60px;}
	.site-header .search .dropdown > a.link .feather{line-height: 50px;}

	nav.menu .link{line-height: 50px; font-size: 22px;}

	.site-container{padding-top: 120px;}
	
	.site-footer{border-width: 2px;}
	.site-footer .main{background-position: center top; height: 78px;}
	.site-footer .menu .link{font-size: 20px;}
	.site-footer .copy{font-size: 22px;}
	.site-footer .menu li + li{margin-left: 20px; padding-left: 20px;}
	.site-footer .menu li + li:before{height: 20px; top: 4px;}

	.btn{min-width: 160px; font-size: 22px; height: 46px; line-height: 42px;}

	.whead{margin-bottom: 50px;}
	.whead .title{font-size: 44px; padding-bottom: 14px;}
	.whead .title:before{width: 60px; height: 4px;}

	.whead.whead-sm{margin-bottom: 20px;}
	.whead.whead-sm .title{font-size: 34px; line-height: 0.9em; padding-bottom: 18px;}

	.editor-content{font-size: 22px; line-height: 1.1em;}
	.editor-content p{margin-bottom: 15px;}

	.form-default .control-label{font-size: 20px;}
	.form-default .form-control{min-height: 42px; font-size: 22px; padding: 7px 40px 7px 15px;}
	.form-control-feedback{top: 11px;}
	.form-default textarea.form-control{padding: 10px 40px 10px 15px; border-radius: 15px;}
	
	.checkbox-control .icon{width: 22px; height: 22px; top: 0;}
	.checkbox-control .icon:before{top: 3px; left: 3px; font-size: 12px;}
	.checkbox-control .txt{font-size: 22px; padding-left: 34px;}

	.select2-container .select2-selection--single{height: 42px;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px; font-size: 22px; padding-left: 15px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow{width: 42px; height: 42px;}
	.select2-results__option{font-size: 22px; padding: 8px 15px;}

	.default-header .cover{height: 240px;}
	.default-header .inner .title{font-size: 50px;}
	.default-header .inner .title:before{width: 60px; height: 4px;}
	
	.breadcrumb-block{height: 44px;}
	.breadcrumb img{width: 16px;}
	.breadcrumb li, 
	.breadcrumb .link{font-size: 20px; line-height: 44px;}
	
	.pagination-block{padding-top: 10px;}
	.pagination .link{font-size: 24px; line-height: 38px;}
	
	.slick-dots li{margin: 0 7px;}
	.slick-dots li button{width: 12px; height: 12px;}
	.slick-dots li button::before{width: 24px; height: 24px; border-width: 2px;}

	.top-graphic .cover{height: 540px;}
	.top-graphic .content .inner{width: 300px;}
	.top-graphic .content .title{font-size: 30px;}
	.top-graphic .content .title::before{width: 60px; height: 4px;}
	.top-graphic .content .desc{font-size: 22px;}
	.top-graphic .content .action{margin-top: 30px;}
	.top-graphic .slick-dots{bottom: 25px;}

	.wg-product-block{padding: 60px 0 0 0;}
	.wg-product-block .list{width: 640px;}
	.wg-product-block .list li{width: calc(100% / 3);}
	.wg-product-block .list .link{width: 100%;}
	.wg-product-block .list .link::before{height: 4px;}
	.wg-product-block .list .title{font-size: 22px; bottom: 10px; padding: 0 15px;}
	.wg-product-block .content{padding-right: 60px;}
	.wg-product-block .content .title{padding-bottom: 24px; margin-bottom: 20px; font-size: 30px;}
	.wg-product-block .content .title:before{width: 60px; height: 4px;}
	.wg-product-block .content .desc{font-size: 22px;}
	.wg-product-block .content .action{margin-top: 60px;}
	.wg-product-block .wrapper:nth-child(2) .content{padding-left: 60px;}

	.wg-blog-block{padding: 60px 0;}
	.wg-blog-block .pic{width: 460px; margin-top: 30px;}
	.wg-blog-list{width: calc(100vw - 460px);}
	.wg-blog-list .link{width: 380px;}
	.wg-blog-list .inner{margin-top: 40px; min-height: 130px;}
	.wg-blog-list .inner:before{width: 60px; height: 4px; top: -20px;}
	.wg-blog-list .title{font-size: 28px;}
	.wg-blog-list .desc{font-size: 22px; margin-top: 10px;}
	.wg-blog-list .date{font-size: 22px; margin-top: 10px;}
	.wg-blog-list .slick-list{margin: 0 -15px;}
	.wg-blog-list .slick-list .item{padding: 0 15px;}
	.wg-blog-list .slick-arrow{width: 70px; height: 70px; font-size: 30px;}
	.wg-blog-list .slick-arrow span{line-height: 68px;}
	.wg-blog-list .slick-prev{left: -297px;}
	.wg-blog-list .slick-next{left: -228px;}
	.blog-header .result{font-size: 26px; margin-top: 5px;}
	.blog-header .result small{font-size: 18px;}
	.blog-list .item-list{margin: 0 -15px;}
	.blog-list .item-list > li{padding: 0 15px; margin-bottom: 30px;}
	.blog-list .inner{margin-top: 40px; min-height: 130px;}
	.blog-list .inner:before{width: 60px; height: 4px; top: -20px;}
	.blog-list .content{padding-bottom: 20px;}
	.blog-list .title{font-size: 28px;}
	.blog-list .desc{font-size: 22px; margin-top: 10px;}
	.blog-list .date{font-size: 22px; margin-top: 10px;}
	.blog-page .row-40{margin: 0 -15px;}
	.blog-page .row-40 > div{padding: 0 15px;}
	.blog-list.side{width: 300px;}
	.blog-list.side .date{margin-top: 0;}
	.blog-list .item-list > li{margin-bottom: 20px;}

	.wg-about-block .cover{margin-top: 120px; height: 600px;}
	.wg-about-block .caption{height: auto; bottom: 120px; right: 120px; padding-top: 30px; padding-bottom: 30px;}
	.wg-about-block .caption .title{padding-left: calc((100vw - 1040px) / 2); padding-right: 80px; font-size: 34px;}
	.wg-about-block .content{height: calc(600px + 120px);}
	.wg-about-block .content .body{padding-right: calc((100vw - 1040px) / 2); padding-top: 80px; padding-left: 80px;}
	.wg-about-block .content .body .title{font-size: 34px; padding-bottom: 18px; margin-bottom: 20px;}
	.wg-about-block .content .body .title:before{width: 60px; height: 4px;}
	.wg-about-block .content .body .desc{font-size: 22px;}
	.wg-about-block .content .body .action{left: 80px; bottom: 200px;}
	.wg-about-block .content .footer{padding-right: calc((100vw - 1040px) / 2); height: 120px; left: -120px; padding-left: 40px;}
	.wg-about-block .content .footer .desc{font-size: 28px;}
	.about-body .content .whead .title{}
	.about-body .caption .title{font-size: 32px;}
	.about-body .content .body{padding: 33px 40px;}
	.about-body .content .footer{padding: 33px 40px 0 40px;}

	.wg-contact-block{padding: 60px 0;}
	.wg-contact-list .icon{width: 34px;}
	.wg-contact-list .title{font-size: 30px; margin-bottom: 5px;}
	.wg-contact-list .desc{font-size: 22px;}

	.wg-map{height: 500px;}
	
	.product-page .row-40{margin: 0 -15px;}
	.product-page .row-40 > div{padding: 0 15px;}
	.product-header .result{font-size: 26px; margin-top: 5px;}
	.product-header .result small{font-size: 18px;}
	.product-side{width: 320px;}
	.product-side .accordion .card .btn-link{font-size: 24px; padding: 0 40px 0 20px; height: 70px; line-height: 0.9em;}
	.product-side .accordion .card .btn-link[data-toggle="collapse"]:before{right: 15px;}
	.product-side .nav-list > li > .link{line-height: 54px; height: 54px; padding: 0 20px; font-size: 22px;}
	.product-list .wrapper .title{font-size: 22px; margin-top: 22px;}
	.product-list .wrapper .desc{font-size: 22px; margin-top: 2px;}
	.product-list .item-list{margin: 0 -15px;}
	.product-list .layout li{padding: 0 15px; margin-bottom: 30px;}

	.detail-block .content .date{margin-top: 20px; margin-bottom: 10px;}
	.detail-block .content .date:before{width: 50px; height: 3px;}
	.detail-block .content .title{font-size: 24px;}
	.detail-block .content .title2{font-size: 30px; margin-bottom: 25px; padding-bottom: 25px;}
	.detail-block .content .editor-content{padding-bottom: 10px;}
	.detail-block .video{margin-top: 30px;}
	.detail-block .header .title{font-size: 26px;}
	.detail-block .gallery .more{width: 162px; height: 105px;}
	.detail-block .gallery-sm .more{width: 157px; height: 101px; font-size: 40px;}
	.detail-block .gallery-lg .more{width: 157px; height: 101px; font-size: 40px;}
	.detail-block .attach-list .title{font-size: 22px;}
	.detail-block .attach-list .info{font-size: 20px;}
	.detail-block .attach-list .info li + li:before{top: 7px; height: 12px;}
	.detail-block .attach-list-lg > .item-list > li{width: 100%;}
	.detail-block .attach-list-lg > .item-list > li + li{margin-top: 20px;}
	
	.contact-area .info-box .content{padding-right: 30px;}
	.contact-list .icon{width: 34px;}
	.contact-list .title{font-size: 30px; margin-bottom: 5px;}
	.contact-list .desc{font-size: 22px;}
	.contact-area .map .cover{height: 288px;}
	.contact-area .form-box{padding: 30px 40px; min-height: 820px;}
	.contact-area .return-form .desc{font-size: 22px;}

	.search-page .search-filter .h-title{padding: 0;}
	.search-page .search-box .form-default{padding: 0;}
	.search-page .category-list .body{padding: 0;}
	.search-page .search-filter .h-title{font-size: 44px; line-height: 100px;}
	.search-page .search-box .height{height: 110px;}
	.search-page .search-box .action{margin-left: 20px;}
	.search-page .search-box .action .btn{height: 42px; line-height: 38px;}
	.search-page .category-sub{padding: 25px 0;}
	.search-page .category-list .item-list > li{padding: 6px 0;}
	.search-page .category-list .action{padding: 30px 0;}
	.search-page .category-list .action .link{font-size: 22px;}
	.search-page .result{padding: 40px 0;}
	.search-page .result-list .title{font-size: 26px;}
	.search-page .result-list .inner:before{width: 50px; height: 3px;}

	.map-layout .site-container{padding-top: 130px;}
	.contact-topbar .title{padding-left: 62px;}
	.contact-map{height: calc(100vh - 130px);}
	
	.blog-nav{padding-right: 0px;}
	.blog-nav .link{height: 70px; font-size: 24px;}
}

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

	.site-header{position: absolute;}

	.top-graphic .cover{height: 500px;}

	.wg-product-block .content{padding-top: 40px; padding-right: 40px;}
	.wg-product-block .wrapper:nth-child(2) .content{padding-top: 40px; padding-left: 40px;}
	.wg-product-block .list{width: 600px;}

	.wg-blog-block .pic{width: 360px; margin-top: 60px;}
	.wg-blog-list{width: calc(100vw - 360px);}
	.wg-blog-list .link{width: 320px;}
	.wg-blog-list .inner{min-height: 120px;}
	.wg-blog-list .title{font-size: 26px;}
	.wg-blog-list .desc{font-size: 20px; margin-top: 5px;}
	.wg-blog-list .date{font-size: 20px; margin-top: 5px;}
	.wg-blog-list .slick-prev{left: -317px;}
	.wg-blog-list .slick-next{left: -248px;}
	.blog-list .inner{min-height: 120px;}
	.blog-list .content{padding-bottom: 15px;}
	.blog-list .title{font-size: 26px;}
	.blog-list .desc{font-size: 20px; margin-top: 5px;}
	.blog-list .date{font-size: 20px; margin-top: 5px;}
	
	.wg-about-block .whead{margin-bottom: -60px;}
	.wg-about-block .cover{margin-top: 100px; height: 500px;}
	.wg-about-block .caption{bottom: 100px; right: 100px; padding-top: 25px; padding-bottom: 25px;}
	.wg-about-block .caption .title{padding-left: calc((100vw - 940px) / 2); padding-right: 50px; font-size: 30px;}
	.wg-about-block .content{height: calc(500px + 100px);}
	.wg-about-block .content .body{padding-right: calc((100vw - 940px) / 2); padding-top: 50px; padding-left: 50px;}
	.wg-about-block .content .body .title:before{width: 50px; height: 3px;}
	.wg-about-block .content .body .action{left: 50px; bottom: 140px;}
	.wg-about-block .content .footer{padding-right: calc((100vw - 940px) / 2); height: 100px; left: -100px; padding-left: 30px;}
	.wg-about-block .content .footer .desc{font-size: 24px;}
	.about-body .cover{width: 380px;}
	.about-body .caption .title{font-size: 26px;}

	.wg-map{height: 440px;}

	.product-side{width: 300px;}

	.detail-block .gallery .more{width: 137px; height: 88px;}
	.detail-block .gallery-sm .more{width: 137px; height: 88px;}
	.detail-block .gallery-lg .more{width: 140px; height: 90px;}

	.contact-area .info-box{width: 400px;}
	.contact-list .desc{margin-bottom: 0;}
	.contact-list > .row > div + div{margin-top: 15px;}
	.contact-area .map{margin-top: 30px;}
	.contact-area .map .cover{height: 255px;}
}

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

	.site-header{position: fixed;}
	.site-header .container{padding: 0 15px;}
	.site-header .topbar{background-position: right bottom;}
	.site-header .topbar:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		border-top: 59px solid #fff;
		border-left: 0 solid transparent;
		border-right: 80px solid transparent;
		height: 0;
		width: 180px;
	}
	.site-header .topbar .height{height: 60px;}
	.site-header .topbar .logo{width: 56px; height: 46px; position: relative; left: 30px;}
	.site-header .topbar .logo img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center;}
	.site-header .language .dropdown > a.link{height: 32px; line-height: 30px; padding: 0 8px;}
	.site-header .language .dropdown > a.link .icon{line-height: 30px; font-size: 14px;}

	.global-container{position: relative; overflow: hidden; right: 0;}
	.global-container .site-header .overlay{
		visibility: hidden;
		opacity: 0;
		transition: all 400ms ease;
	}
	.global-container .site-container{
		position: relative;
		left: 0;
		transition: all 400ms ease;
	}
	.global-container .site-footer{
		position: relative;
		left: 0;
		transition: all 400ms ease;
	}
	.global-container.sidebar-open .site-header .overlay{
		opacity: 1;
		visibility: visible;
	}
	.global-container.sidebar-open .site-container{
		left: 260px;
	}
	.global-container.sidebar-open .site-footer{
		left: 260px;
	}

	.site-header .menubar{position: fixed; z-index: 100; top: 60px; bottom: 0; width: 260px; overflow: auto; left: -260px; transition: all 400ms ease;}
	.site-header .menubar.open{left: 0;}
	.site-header .overlay{position: fixed; z-index: 10; top: 60px; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);}
	nav.menu{padding: 0 10px; margin-top: 30px; margin-bottom: 60px;}
	nav.menu li{width: 100%; border: none;}
	nav.menu .link{line-height: 1.2em; display: block; padding: 8px 0; text-align: left;}
	nav.menu .active > .link, 
	nav.menu li.active > .link:hover{background-color: transparent;}

	.site-header .search .dropdown > a.link{display: none;}
	.site-header .search .dropdown-menu{position: relative; top: auto; height: auto; display: block; overflow: hidden; opacity: 1; visibility: visible;}
	.site-header .search-filter{background: none; background-color: transparent;}
	.site-header .search-filter .h-title{display: none;}
	.site-header .category-list{display: none;}
	.site-header .search-box{margin-top: 35px; background-color: transparent;}
	.site-header .search-box .container{padding: 0;}
	.site-header .search-box .form-default{padding: 0 10px; position: relative;}
	.site-header .search-box .row-table{margin: 0; display: block;}
	.site-header .search-box .row-table > div{padding: 0; display: block; position: static;}
	.site-header .search-box .height{display: block; height: auto;}
	.site-header .search-box .action{font-size: 0; margin-left: 0; position: absolute; top: 0; right: 2px;}
	.site-header .search-box .action .btn{border-radius: 0; border: none; background-color: transparent; min-width: inherit; padding: 0; width: 34px; height: 34px; font-size: 0; color: #fff;}
	.site-header .search-box .action .btn .feather{margin-left: 0; font-size: 18px;}
	.site-header .search-box .action .btn .feather:before{content: '\e8bd';}
	.site-header .search-box .form-default .form-control{min-height: inherit; height: 34px; border-radius: 0; background-color: transparent; border-bottom: 1px solid #fff; padding: 0 30px 0 0; color: #fff; font-size: 20px;}
	.site-header .search-box .form-default .form-control::-webkit-input-placeholder {
	  	color: #fff;
	  	opacity: 0.5;
	}
	.site-header .search-box .form-default .form-control::-moz-placeholder {
	  	color: #fff;
	  	opacity: 0.5;
	}
	.site-header .search-box .form-default .form-control:-ms-input-placeholder {
	  	color: #fff;
	  	opacity: 0.5;
	}
	.site-header .search-box .form-default .form-control:-moz-placeholder {
	  	color: #fff;
	  	opacity: 0.5;
	}

	.site-footer .main{background: none; height: auto; text-align: center; padding: 18px 0;}
	.site-footer .main .menu{display: none;}
	.site-footer .copy{font-size: 18px;}

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

	.site-container{padding-top: 60px;}

	.slick-dots li{margin: 0 5px;}
	.slick-dots li button{width: 10px; height: 10px;}
	.slick-dots li button::before{width: 18px; height: 18px; border-width: 1px;}

	.whead{margin-bottom: 30px;}
	.whead .title{font-size: 38px; line-height: 0.8em; padding-bottom: 16px;}
	.whead .title:before{width: 50px; height: 3px;}

	.whead.whead-sm .title{font-size: 26px;}

	.btn{height: 40px; line-height: 36px; padding: 0 20px; min-width: 130px; font-size: 20px;}

	.editor-content{font-size: 20px; line-height: 1.2em;}

	.default-body{padding: 40px 0;}
	.default-header .cover{padding-top: 34%; height: auto;}
	.default-header .inner .title{font-size: 6.4vw;}
	.default-header .inner .title:before{width: 50px; height: 3px;}

	.breadcrumb-block{height: 40px;}
	.breadcrumb img{width: 14px;}
	.breadcrumb li + li{margin-left: 4px; padding-left: 18px;}
	.breadcrumb li, 
	.breadcrumb .link{font-size: 18px; line-height: 40px;}
	.breadcrumb img{top: -1px;}
	.breadcrumb li.active, 
	.breadcrumb .link:hover{}
	.breadcrumb .link{display: block; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

	.top-graphic .cover{height: auto; padding-top: 54%;}
	.top-graphic .content{top: 0;}
	.top-graphic .content .inner{margin-bottom: 20px;}
	.top-graphic .content .title{font-size: 3.6vw;}
	.top-graphic .content .title::before{width: 50px; height: 3px;}
	.top-graphic .content .desc{display: none;}
	.top-graphic .content .action{margin-top: 20px;}
	.top-graphic .slick-dots{bottom: 20px;}

	.wg-product-block{padding-top: 30px;}
	.wg-product-block .wrapper{padding: 40px 0;}
	.wg-product-block .content{padding: 0;}
	.wg-product-block .content .title{font-size: 26px; padding-bottom: 14px; margin-bottom: 15px;}
	.wg-product-block .content .title:before{width: 50px; height: 3px;}
	.wg-product-block .content .desc{font-size: 20px;}
	.wg-product-block .content .action{margin-top: 20px;}
	.wg-product-block .list{width: 100%;}
	.wg-product-block .wrapper:nth-child(2) .row .col-sm-auto{order: 2;}
	.wg-product-block .wrapper:nth-child(2) .row .col-sm{order: 1;}
	.wg-product-block .wrapper:nth-child(2) .content{padding: 0; text-align: left;}
	.wg-product-block .wrapper:nth-child(2) .content .title::before{left: 0; right: auto;}
	.wg-product-block .wrapper:nth-child(2) .list .item-list li:first-child{margin-right: auto;}
	.wg-product-block .wrapper:nth-child(2) .list .item-list li:nth-child(5){display: block;}
	.wg-product-block .list{margin-top: 30px; margin-left: -30px; margin-right: -30px; width: auto;}
	.wg-product-block .list .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0;}
	.wg-product-block .list .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 30px; right: 30px; visibility: hidden;}
	.wg-product-block .list .mCustomScrollBox{padding-right: 30px;}
	.wg-product-block .list .item-list{display: flex; margin-left: 30px; padding: 0;}
	.wg-product-block .list .item-list li{width: auto; float: left; margin: 0;}
	.wg-product-block .list .item-list li + li{margin-left: 10px;}
	.wg-product-block .list .link{width: 200px;}
	.product-header .link{display: block; width: 46px; height: 46px; background-color: #F3F4F5; color: #093B92; text-align: center; font-size: 20px;}
	.product-header .link span{line-height: 46px;}
	.product-header .result{font-size: 22px;}
	.product-header .result small{font-size: 16px;}
	.product-side{position: fixed; z-index: 100; background-color: #fff; top: 100%; bottom: 0; left: 0; width: 100%; overflow: auto; border: none; transition: all 400ms ease; }
	.product-side.open{top: 0;}
	.product-side .header{padding: 0 20px; margin-top: 30px; margin-bottom: 30px;}
	.product-side .header .whead{margin-bottom: 0;}
	.product-side .header .link{color: #666; font-size: 22px;}
	.product-side .header .link span{position: relative; top: 2px; font-size: 20px;}
	.product-side .accordion{border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

	.wg-blog-block{padding: 40px 0;}
	.wg-blog-block .pic{display: none;}
	.wg-blog-block > .header .btn{display: none;}
	.wg-blog-block .body{padding: 0 30px;}
	.wg-blog-list{width: 100%;}
	.wg-blog-list .link{width: 300px;}
	.wg-blog-list .inner{min-height: inherit;}
	.wg-blog-list .inner:before{width: 50px; height: 3px;}
	.wg-blog-list .title{font-size: 24px;}
	.wg-blog-list .slick-list{overflow: visible;}
	/*.wg-blog-list .slick-list{overflow: visible; margin: 0 -10px;}
	.wg-blog-list .slick-list .item{padding: 0 10px;}
	.wg-blog-list .slick-list .content{opacity: 0; transition: all 200ms ease;}
	.wg-blog-list .slick-list .slick-current .content{opacity: 1;}*/
	.blog-header .result{font-size: 22px;}
	.blog-header .result small{font-size: 16px;}
	.blog-list .item-list > li{width: 50%;}
	
	.wg-about-block{padding-top: 20px;}
	.wg-about-block .whead{margin-bottom: 30px;}
	.wg-about-block .cover{margin-top: 0; height: auto; padding-top: auto; height: 321px;}
	.wg-about-block .caption{bottom: auto; right: auto; position: relative; padding: 30px;}
	.wg-about-block .caption .title{padding: 0; font-size: 26px;}
	.wg-about-block .content{height: auto;}
	.wg-about-block .content .body{padding: 40px 30px;}
	.wg-about-block .content .body .title{font-size: 26px;}
	.wg-about-block .content .body .desc{font-size: 20px;}
	.wg-about-block .content .body .action{position: relative; bottom: auto; left: auto; margin-top: 30px;}
	.wg-about-block .content .footer .desc{font-size: 22px; line-height: 1em;}
	.wg-about-block .content .footer{position: relative; padding: 30px 30px 10px 30px; left: auto; height: auto;}
	.wg-about-block .content .footer .btn{margin-top: 0;}
	.about-page .detail-block{margin-top: 60px;}
	.about-body .row{display: block;}
	.about-body .row > div{width: 100%;}
	.about-body .cover{width: 100%; height: auto; padding-top: 50%;}
	.about-body .caption{position: relative; bottom: 0;}
	.about-body .content .body{padding: 30px;}
	.about-body .content .footer{padding: 30px 30px 0 30px;}

	.wg-contact-block{padding: 40px 0;}
	.wg-contact-list .row{margin: 0 -5px;}
	.wg-contact-list .row > div{padding: 0 5px;}
	.wg-contact-list > .row > div + div{margin-top: 15px;}
	.wg-contact-list .icon{width: 26px;}
	.wg-contact-list .title{font-size: 26px; padding: 2px 0;}
	.wg-contact-list .desc{font-size: 20px; line-height: 1em;}

	.wg-map{height: auto; padding-top: 60%;}

	.detail-block .content .title{margin-top: 20px;}
	.detail-block .video{margin-top: 20px;}
	.detail-block .gallery{margin-top: 30px;}
	.detail-block .gallery .item-list{margin: 0 -5px;}
	.detail-block .gallery .item-list li{padding: 0 5px;}
	.detail-block .gallery .more{bottom: 0; width: calc(25% - 8px); height: 100%; font-size: 40px;}
	.detail-block .gallery.gallery-lg .item-list{margin: 0 -5px;}
	.detail-block .gallery.gallery-lg .item-list li{padding: 0 5px; width: calc(100% / 3); margin-bottom: 10px;}
	.detail-block .gallery.gallery-lg .more{bottom: 10px; width: calc((100% / 3) - 7px); height: calc(50% - 10px);}
	.detail-block .attach{margin-top: 30px;}
	.detail-block .attach-list .title{margin-top: 0;}
	.detail-block .attach-list-lg > .item-list > li + li{margin-top: 10px;}
	.detail-block .footer{margin-top: 30px; padding-top: 30px;}
	.detail-block .footer .btn{width: 100%; height: 50px; line-height: 46px;}

	.contact-area .info-box{width: 100%; margin-bottom: 40px;}
	.contact-area .form-box{margin-bottom: 40px; padding: 30px;}
	.contact-area .form-box .form-button .btn{width: 100%; height: 50px; line-height: 46px;}

	.search-page .category-list .item-list > li{width: 50%;}
	.search-page .search-filter .h-title{font-size: 38px;}
	.search-page .result-list .title{font-size: 24px;}
	.search-page .result-list .desc{font-size: 22px; margin-top: 5px;}

	.map-layout .site-container{padding-top: 110px;}
	.map-layout .site-header .topbar .logo{left: -8px;}
	.contact-topbar{height: 50px;}
	.contact-topbar .container{padding: 0 15px;}
	.contact-topbar .title{padding-left: 0; position: relative;}
	.contact-topbar .action .btn{height: 32px; line-height: 28px; min-width: 100px;}
	.contact-topbar .action .btn .feather{font-size: 16px; margin-left: 4px;}
	.contact-map{height: calc(100vh - 110px);}

	.blog-nav{padding-right: 2px;}
	.blog-nav .link{height: 60px; font-size: 22px;}
}

@media (max-width: 767px) {
	.container{max-width: inherit; width: 100%;}
	
	.checkbox-control .icon{width: 20px; height: 20px; top: 1px;}
	.checkbox-control .txt{font-size: 20px; padding-left: 30px;}

	.wg-about-block .content .footer .btn{margin-top: 20px;}

	.wg-blog-list .link{width: 100%;}
	
	.product-list .layout li{width: 100%; margin-bottom: 20px;}

	.blog-list .item-list > li{width: 100%;}
	.blog-header .result{text-align: left; margin-top: 15px;}
	
	.detail-block .content .title2{padding-bottom: 20px; margin-bottom: 20px;}
	.detail-block .gallery .item-list li{width: 50%; margin-bottom: 10px;}
	.detail-block .gallery .more{bottom: 10px; width: calc((100% / 2) - 5px); height: calc((100% / 2) - 10px);}
	.detail-block .attach-list .link{padding: 15px;}
	.detail-block .attach-list .title{font-size: 20px;}
	.detail-block .attach-list .info{font-size: 18px; line-height: 1em;}
	.detail-block .attach-list .info li + li{padding-left: 0; margin-left: 10px;}
	.detail-block .attach-list .info li + li:before{display: none;}
	.detail-block .attach-list .action{display: none;}
	.detail-block .footer .row{margin: 0 -10px;}
	.detail-block .footer .row > div{width: 50%; padding: 0 10px;}

	.about-body{margin: 0 -30px;}
	
	.contact-list .row{margin: 0 -5px;}
	.contact-list .row > div{padding: 0 5px;}
	.contact-list .icon{width: 26px;}
	.contact-list .title{font-size: 26px; padding: 2px 0;}
	.contact-list .desc{font-size: 20px; line-height: 1em;}
	.contact-area .info-box .content{padding-right: 0;}
	.contact-area .map{margin-left: -30px; margin-right: -30px;}
	.contact-area .map .btn{left: 30px;}
	.contact-area .form-box{padding: 40px 30px; margin-left: -30px; margin-right: -30px; margin-bottom: 0;}
	.contact-area .form-box .form-button .row{margin: 0 -10px;}
	.contact-area .form-box .form-button .row > div{padding: 0 10px;}
	.contact-topbar .title{font-size: 22px; line-height: 0.8em;}
	.contact-map{background-color: #136ca4;}
	.contact-map img{height: 50%; margin: auto; bottom: 120px;}
	
	.search-page .search-filter .h-title{font-size: 38px; line-height: 80px;}
	.search-page .search-box .height{height: auto; padding: 30px 0;}
	.search-page .search-box .row-table{display: block;}
	.search-page .search-box .row-table > div{display: block; width: 100%;}
	.search-page .search-box .action{margin-left: 0; margin-top: 15px; text-align: right;}
	.search-page .category .select-wrapper{width: 100%;}
	.search-page .category-list .item-list > li{width: 100%; padding: 5px 0;}
	.search-page .category-list .action .row{margin: 0 -10px;}
	.search-page .category-list .action .row > div{padding: 0 10px;}
	.search-page .result-list .cover{width: 100%;}
	.search-page .result-list .link{padding: 0;}
	.search-page .result-list .inner{margin: 20px;}

	.preload .logo{width: 260px;}
	.preload .loader{margin-top: 40px;}

	.blog-nav{padding: 0; overflow: auto; margin: 0 -30px; margin-bottom: 30px;}
	.blog-nav .slider{display: inline-flex; padding: 0 30px;}
	.blog-nav .item{width: auto;}
	.blog-nav .link{height: 50px; font-size: 20px; padding: 0 30px; white-space: nowrap;}

	.not-found{padding: 60px 0;}
	.not-found h3{font-size: 20px;}

	.default-body{overflow: hidden;}
}

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

@media (max-width: 320px) {
	.container{max-width: inherit; width: 100%; padding: 0 15px;}

	.about-body{margin: 0 -15px;}
	.contact-area .map{margin-left: -15px; margin-right: -15px;}
	.contact-area .form-box{margin-left: -15px; margin-right: -15px;}
}