@media (max-width: 1920px) {
	.container{width: 1300px;}

	.slide-box .cover{height: 840px;}

	.about{ margin-top: -340px;}

}

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

	.slide-box .cover{height: 820px;}

	.about{ margin-top: -320px;}

	.news-page .news-pin .block,
	.news-pin .block {width: 485px; height: 547px;}
	.news-list .thumb {width: 240px;}
	.news-list .inner {padding: 15px 25px;}

	.contact .head {margin: 14px 0;}
	.contact .icon {width: 25px;margin: 22px 0 20px 0;}
	.contact .body-link {font-size: 15px;}
	.contact .title {font-size: 28px;}
	.career .body { max-width: 373px; padding: 33px 0 28px 0;}

	.footer .Copyright-box .Copyright {font-size: 22px;}
	.footer ul.F-menu > li > a {padding: 0px 30px;}

	/*============ about ============*/
	.about-menu .title-box {font-size: 18px;}
	.about-menu .title-box .dot:before {width: 202px;}
	.about-content .bg_profile .box-profile .company-text { font-size: 23px;}
	.about-content .bg_profile .box-company-profile .title-text{ font-size: 23px;}
	.about-content .bg_profile .box-company-profile .credit-text {padding-right: 11%;}

	.about-content .bg_profile .box-company-profile .text-box .head-text {width: 21%;}
	.about-content .bg_profile .box-company-profile .text-box .company-text {width: 74%;}
	.about-content .bg_profile .box-company-profile .text-box .body-text {width: 74%;}
	
	.box-Chart {height: 70px;}
	.about-content .Chart {font-size: 18px;padding: 10px;}
	
	.about-content .board-Chart {font-size: 22px;}
	
	/*============ contact ============*/
	.contact-direction-btn {left: calc(50% - 20px);}


	/*============ Addon Product&Quotation ============*/
	.wg-product-list .slick-list{height: 510px;}
	.wg-product-list .title{font-size: 26px;}
	
	.productDe-info .title{font-size: 34px;}
	.productDe-info .content{min-height: 270px;}
	.productDe-info .content .topic{font-size: 28px;}
	.productDe-info .content .editor-content, .productDe-info .content .editor-content p{font-size: 22px;}
	.productDe-vdo .detail-video{width: 900px;}
	.productDe-attech .head .title{font-size: 32px;}
	.product-relate .head .title{font-size: 32px;}
}

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

	.slide-box .cover{height: 600px;}
	.slide-box .cover video{position: absolute; width: auto; height: 100%; left: 50%; transform: translateX(-50%);}
	.about{ margin-top: -275px;}
	
	.news-page .news-pin .block,
	.news-pin .block {width: 450px;}
	.news-block-list {padding-left: 20px;}
	
	.contact .icon {width: 25px;margin: 22px 0 20px 0;}
	.contact .body-link {font-size: 14px;padding: 25px 0 20px 10px;}

	/*============ about ============*/
	.about-menu .title-box .dot:before {width: 234px;}
	.about-content .bg_profile .box-into { margin: 67px 0px 0px 15px;}
	.about-content .bg_profile .title-head { font-size: 25px;}
	.about-content .bg_profile .descriptions-into {font-size: 20px; margin: 20px 0px 0px 40px;}
	.about-content .bg_profile .box-profile .company-text { font-size: 24px; margin-top: 12px;}
	.about-content .bg_profile .box-profile .head-text {font-size: 24px; margin-top: 11px;}
	.about-content .bg_profile .box-profile .body-text {font-size: 20px;margin-top: 12px;}
	.about-content .bg_profile .box-company-profile .title-text{ font-size: 26px; padding-left: 55px;}
	.about-content .bg_profile .box-company-profile .text-box .head-text {font-size: 22px;}
	.about-content .bg_profile .box-company-profile .text-box .dot-text {font-size: 20px;}
	.about-content .bg_profile .box-company-profile .text-box .company-text {font-size: 20px;}
	.about-content .bg_profile .box-company-profile .text-box .body-text {font-size: 20px; padding-top: 2px;}
	.about-content .bg_profile .box-company-profile .credit-text {padding-right: 20px; font-size: 20px;}
	.about-content .bg_profile .box-company-profile .credit-text .subcompany { font-size: 26px;}
	.about-content .bg_profile .box-company-profile .credit-text .maincompany { font-size: 28px;}
	
	.box-Chart {height: 65px;}
	.about-content .Chart {font-size: 17px;padding: 8px;}
	
	.about-content .board-Chart {font-size: 20px;}
	
	/*============ contact ============*/
	.contact-direction-btn {left: calc(50% - -20px);}

	
	/*============ Addon Product&Quotation ============*/
	.wg-product-list .slick-list{height: 486px;}
	.wg-product-list .slick-dots{margin-top: 30px;}
	.wg-product-list .title{font-size: 24px;}
	.wg-product-list .action .btn{padding: 0 10px; width: calc(50% - 5px);}
	.wg-product-list .action .btn + .btn{margin-left: 10px;}

	.product-page{padding-bottom: 60px;}
	.product-list .title{font-size: 24px;}
	.product-list .action .btn{padding: 0 10px; width: calc(50% - 5px);}
	.product-list .action .btn + .btn{margin-left: 10px;}

	.productDe-page{padding-top: 20px;}
	.productDe-info .content{margin-top: 0; min-height: 240px;}
	.productDe-info .content .topic{font-size: 24px;}
	.productDe-vdo .detail-video{width: 840px;}
	
	.product-relate .head{margin-bottom: 40px;}
	.product-relate-list .title{font-size: 24px;}
	.product-relate-list .action .btn{padding: 0 10px; width: calc(50% - 5px);}
	.product-relate-list .action .btn + .btn{margin-left: 10px;}
}

@media (max-width: 1200px) {
	.container{width: 740px;}

	.slide-box .cover{height: 580px;}

	.about{ margin-top: -275px;}
	.about .nav-tabs>li { margin-right: 34px;}

	.news-page .news-pin .block,
	.news-pin .block {width: 700px; height: auto; padding-bottom: 20px; margin-bottom: 70px;}
	.news-block > div {display: block; vertical-align: top;}
	.news-block-list {padding-left: 20px;}
	.news-page .news-block-list {padding-left: 20px;}
	
	.news-default-list .news-list > ul > li {float: none;width: 95%;padding:0; margin-left: 20px;}

	.career {margin: 20px 0 0 0;}
	.career .body {padding: 25px 0 15px 0; font-size: 20px; max-width: 248px;}

	.bg_contact {min-height: 301px;}
	.contact .head { margin: 22px 0 15px 0;}
	.contact .title {font-size: 23px;}
	.contact .body {padding: 10px 0 27px 15px; max-width: 400px; font-size: 19px;}
	.contact .icon {width: 25px;}
	.contact .body-link {font-size: 15px;padding: 25px 0 20px 10px;}

	.map-box {height: 590px;}
	.map-responsive {height: 590px;}

	.footer .Copyright-box .Copyright {margin: 37px 0; font-size: 16px;}
	.footer .Copyright-box .social { width: 173px; margin-left: -8px;}

	.footer ul.F-menu {font-size: 18px; margin: 35px 0;}
	.footer ul.F-menu > li > a {padding: 0 18px;}

	/*============ about ============*/
	.about-menu .title-box .dot:before {width: 234px;}
	.about-content .bg_profile .box-profile .head-text {font-size: 18px; min-height: 40px;}
	.about-content .bg_profile .box-profile .company-text { padding-left: 20px; min-height: 40px;}
	.about-content .bg_profile .box-profile .body-text {padding-left: 20px; padding-top: 5px; min-height: 40px;}
	.about-content .bg_profile .box-company-profile .ab-logo-PF {padding: 50px 20px;}
	.about-content .bg_profile .box-company-profile .title-text{ padding-left: 135px; min-height: 30px;}
	.about-content .bg_profile .box-company-profile .text-box .head-text {font-size: 18px; min-height: 30px; width: 21%;}
	.about-content .bg_profile .box-company-profile .text-box .dot-text {font-size: 15px; min-height: 30px;}
	.about-content .bg_profile .box-company-profile .text-box .company-text {font-size: 18px; min-height: 30px; width: 74%;}
	.about-content .bg_profile .box-company-profile .text-box .body-text {font-size: 18px; padding-top: 2px; min-height: 30px; width: 74%;}
	.about-content .bg_profile .box-company-profile .credit-text {width: 100%;}
	
	.about-content .title-box .text-right .slogan{line-height: 16px;margin-top: 30px;display: block;}

	.about-content .bg_about-vision {min-height: 800px;}
	.about-content .bg_about-vision .bg_Values{width: 215px; height: 215px;padding: 83px 0 0 0;margin: 0;top: 220px;left: 250px;font-size: 56px; line-height: 52px;}
	.about-content .bg_about-vision .bg_Values p{font-size: 27px; letter-spacing: 2px; line-height: 1px;}
	.about-content .bg_about-vision .blog-content p{font-size: 24px; }

	.about-content .bg_about-vision .place1{top: 140px; left: 28px;}
	.about-content .bg_about-vision .place2{top: 30px; right: 340px;}
	.about-content .bg_about-vision .place3{top: 120px; right: 60px;}
	.about-content .bg_about-vision .place4{bottom: 190px; left: 40px;}
	.about-content .bg_about-vision .place5{bottom: 130px; right: 325px;}
	.about-content .bg_about-vision .place6{bottom: 150px; right: 180px;}
	.about-content .bg_about-vision .place7{bottom: 240px; right: 30px;}
	
	/*============ about ============*/
	.business .line-graphic {padding-top: 0px; padding-bottom: 15px; background:none;}
	.business .sub-box {padding-top: 5%;}
	
	.box-Chart {height: 65px;}
	.about-content .Chart {font-size: 21px;padding: 20px;}
	.about-content .border-Chart { width: 101.4%; margin-left: -3px; margin-bottom: 15px;}
	.about-content .line-height{height: 20px;} 
	
	/*============ page detail ============*/
	.file-table {padding: 10px;}
	.file-table-row .btn-primary, .file-table-row .btn-primary:focus, .file-table-row .btn-primary.focus {font-size: 0px;}
	.file-table .btn .fa {top: 8px;margin-right: 0px;}
	
	/*============ career ============*/
	.career-block-1 {padding-bottom: 15px;}
	.career-list-btn { margin-top: 10px;}
	.career-list-btn .btn + .btn {margin-top: 8px;}
	
	/*============ contact ============*/
	.contact-info {padding-top: 20px;}
	.contact-form{width: 455px;}
	.contact-direction-btn {left: calc(50% - -95px);}

	.benefits-list > ul > li{width: 100%;}
	.benefits-list > ul > li:nth-child(1),
	.benefits-list > ul > li:nth-child(2),
	.benefits-list > ul > li:nth-child(3),
	.benefits-list > ul > li:nth-child(4){padding: 0; border:none;}
	.benefits-list > ul > li{padding: 30px 0 15px 0 !important;}
	.benefits-list > ul > li + li{border-top: 2px solid #e1e1e1 !important;}


	/*============ Addon Product&Quotation ============*/
	.wg-product-list .slick-list{height: auto; margin: 0 -10px;}
	.wg-product-list .item{padding: 0 10px;}
	.wg-product-list .wrapper{margin-top: 0;}

	.product-search{margin-top: 0; margin-bottom: 30px;}
	.product-search .title-page h1{font-size: 34px;}
	.product-search .form-default input{width: 240px;}
	.product-list .item{width: 50%;}

	.productDe-info{margin-left: 0; margin-top: 30px;}
	.productDe-info .content{min-height: inherit;}
	.productDe-info .action{margin-top: 30px;}
	.productDe-vdo{margin-top: 40px;}
	.productDe-vdo .detail-video{width: auto;}
	.productDe-attech{margin-top: 40px;}
	.product-relate{margin-top: 40px;}
	.productDe-attech .file-table .btn .fa{font-size: 18px;}
	.productDe-attech .file-table .icon{top: -2px;}
}




@media (max-width: 991px) {
	.container{width: 739px;}
	.MGT45{margin-top: 45px;}
	.main-container { margin-left: 0;}

	.menu{left:auto; right: 100%; top: 45px; bottom: 0; height: auto; background: rgba(255, 255, 255, 0.95); }
	.menu.active{left: 0;}

	.about-year .owl-theme .owl-dots .owl-dot.active span, 
	.about-year .owl-theme .owl-dots .owl-dot:hover span {background: #d60011;}
	.about-year .item { padding-top: 179px;}
	.about-year .description-rotate2 {margin-top: -142px;}
	.about-year .description {font-size: 18px;}

	.news-page .news-pin .block, .news-pin .block {width: 699px;}

	.bg_career { background: url(../image/background/bg_career-sm.jpg) no-repeat top right; background-color: #e7eaf1;}

	.career .body {max-width: 445px;}

	.contact .title {font-size: 24px;}
	.contact .icon { width: 42px;}
	.contact .body { padding: 13px 0 27px 25px; max-width: 560px; font-size: 20px;}
	.contact .body-link { font-size: 20px; padding: 26px 0 27px 25px;}

	.map-box {height: 400px; margin-top: 0;}
	.map-responsive {height: 347px; padding-bottom: 46%;}

	.footer .Copyright-box .Copyright {text-align: center;}
	.footer .Copyright-box .social { width: auto; margin-left: 0; text-align: center; padding: 0; padding-bottom: 25px;}
	.footer-sitemap{margin: 35px 20px;}

	/*============ about ============*/
	.about-menu .owl-carousel .owl-nav.disabled, .about-menu .owl-carousel .owl-dots.disabled {display: none;}
	.about-menu .owl-theme .owl-dots .owl-dot.active span,
	.about-menu .owl-theme .owl-dots .owl-dot:hover span {background: #d60011;}
	.about-menu .title-box .dot:before {width: 354px;}
	
	.box-Chart { height: 75px;}
	
	/*============ contact ============*/
	.contact-direction-btn {left: calc(50% - -96px);}
	
}




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

	.slide-box .owl-theme .owl-nav.disabled + .owl-dots {top: 40%;}

	.owl-carousel .owl-nav .owl-prev {left: 0px;}
	.owl-carousel .owl-nav .owl-next {right: 0px;}

	.slide-box .cover { height: 505px;}
	.slide-box .cover video{height: 505px;}

	.about {margin: -270px 15px 0 15px;}
	.about .head {margin-bottom: 30px;}
	.about .nav-tabs>li {margin-right: 24px;}
	.about .topic { font-size: 18px;}

	.business .head { margin-top: 20px;}
	
	.news-block { display: block;}
	.news-page .news-pin .block, .news-pin .block {width: 100%;}
	.news-default-list .news-list > ul > li { width: 94%;}

	.career .body {max-width: 230px;}

	.bg_contact { background: inherit; background-color: #b0000e;min-height: inherit;}
	.contact .head { margin: 22px 0 0 0;}
	.contact .title {font-size: 21px;}
	.contact .icon {margin: 20px 0 20px 20px;}
	.contact .body {padding: 17px 0 10px 25px;max-width: 383px;}

	.footer .Copyright-box .Copyright { font-size: 18px;}

	/*============ about ============*/
	.about-content .bg_profile {margin-top: 30px;}
	.about-menu .title-box .dot:before {max-width: 305px;}
	.about-content .bg_profile .box-profile .head-text {font-size: 22px; min-height: auto; float: none; width: 100%; padding-left: 20px;}
	.about-content .bg_profile .box-profile .company-text {padding-left: 60px;min-height: auto; margin-top: 0;width: 100%;}
	.about-content .bg_profile .box-profile .body-text { padding-left: 60px; padding-top: 0px; min-height: auto; margin-top: 0; width: 98%;}
	.about-content .bg_profile .box-company-profile .ab-logo-PF {padding:5px; margin: 0 auto; float: none; width: 250px;}
	.about-content .bg_profile .box-company-profile .text-box {float: none;padding: 20px;width: 100%;}
	.about-content .bg_profile .box-company-profile .text-box .head-text {font-size: 26px;min-height: auto;width: 100%;float: none;}
	.about-content .bg_profile .box-company-profile .text-box .dot-text {display: none;}
	.about-content .bg_profile .box-company-profile .text-box .company-text {font-size: 22px;min-height: auto;width: 100%;float: none;padding-left: 60px; margin-top: 0;margin-bottom: 20px;}
	.about-content .bg_profile .box-company-profile .text-box .body-text {font-size: 18px;padding-top: 0;min-height: auto;width: 100%;float: none;padding-left: 60px; margin-top: 0;margin-bottom: 20px;}
	
	.about-content .bg_about-vision {min-height: 800px;}
	.about-content .bg_about-vision .bg_Values{width: 215px; height: 215px;padding: 83px 0 0 0;margin: 0 auto;top: auto;left: auto; position: relative; font-size: 55px; line-height: 50px;}
	.about-content .bg_about-vision .bg_Values p{font-size: 27px; letter-spacing: 2px; line-height: 1px;}
	.about-content .bg_about-vision .blog-content p{font-size: 24px; }
	.about-content .bg_about-vision .position{position: relative;}

	.about-content .bg_about-vision .place1{top: auto; left: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place2{top: auto; right: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place3{top: auto; right: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place4{bottom: auto; left: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place5{bottom: auto; right: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place6{bottom: auto; right: auto; margin: 0 auto;}
	.about-content .bg_about-vision .place7{bottom: auto; right: auto; margin: 0 auto;}
	
	/*============ contact ============*/
	.career-wrapper-3 .inner {margin-top: 65px;}
	.career-wrapper-4 .inner {margin-top: 85px; padding-bottom: 25px;}
	
	/*============ contact ============*/
	.contact-info {padding-top: 20px;}
	.contact-form{width: 100%; margin-top: 67px;}
	.contact-direction-btn {left: 0; top: 600px;}
	.contact-map iframe {position: relative; height: 600px;}


	/*============ Edit ============*/
	.about-content .board-border {padding:0;border: 0;}
	
}




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

	.menu{min-width: 300px;}
	.menu .symbol { padding: 20px 20px 10px 20px; width: 200px; margin: 0 auto;}
	.menu .trademark { text-align: center; font-size: 16px; padding: 0 66px 20px 53px; letter-spacing: 0px;}

	.slide-box .owl-theme .owl-nav.disabled + .owl-dots {top: 32%;}
	.slide-box .cover { height: 352px;}
	.slide-box .cover video{height: 352px;}

	.about {margin: -212px 15px 0 15px;}
	.about .head {margin-bottom: 10px;}
	.about .title {font-size: 32px;}
	.about .nav-tabs {vertical-align: top;}
	.about .nav-tabs>li {margin-right: 11px; vertical-align: top;}
	.about .nav-tabs>li:last-child { margin-right: 0; float: right;}

	.bg_slider-about { margin: 0;}
	.about-year .item {padding-top: 155px;}
	.about-year .description {font-size: 14px;}
	.about-year .description-rotate2 {margin-top: -115px;}

	.business .bg-tab1{background-size:inherit;}
	.business .bg-tab2{background-size:inherit;}
	.business .bg-tab3{background-size:inherit;}
	.business .bg-tab4{background-size:inherit;}
	.business .bg-tab5{background-size:inherit;}
	.business .title { font-size: 32px;}
	.business .panel-title .num:after {margin: 0 7px -2px 10px;}
	.business .panel-title .heading {font-size: 30px; margin: 0 0 0 45px; line-height: 1.2; padding-top: 14px;}
	.business .panel-body { padding: 0 15px 15px 62px;}

	.news-default-list .news-list > ul > li { width: 92%;}
	.news-list .wrapper > div {display: block;}
	.news-list .thumb {width: 100%;}

	.bg_career {background: url(../image/background/bg_career-sm.jpg) no-repeat top left;}

	.contact .title {font-size: 25px;}
	.contact .icon { margin: 20px 0 20px 5px;}
	.contact .body { width: 219px; padding: 17px 0 10px 20px;}
	.contact .body-link {font-size: 20px; padding: 29px 0 27px 20px;}

	.footer .Copyright-box .Copyright { font-size: 20px;}

	/*============ about ============*/
	.about-menu .title-box .dot:before {max-width: 200px;}
	.about-content .bg_profile .box-company-profile .title-text {padding-left: 0px;width: 100%;}
	.about-content .bg_profile .box-company-profile .credit-text{padding: 0 10px;}
	
	/*============ page-detail ============*/
	.page-detail .head-box .view {float: none;text-align: center;}
	.page-detail .head-box .social {float: none;text-align: center;margin-top: 10px;}
	.btn {padding: 0 10px;}
	
	
	/*============ career ============*/
	.career-group-btn .btn + .btn {margin-left: 0px;margin-top: 10px;}
	.career-group-btn .btn { min-width: 100%;}
	
	.career-progress li + li {margin-left: 30px;}
	.career-progress .bar-step1:after{right: calc(50% + 130px);}
	.career-progress .bar-step2:after{right: calc(50% + 45px);}
	.career-progress .bar-step3:after{right: calc(50% - 45px);}
	.career-progress .bar-step4:after{right: calc(50% - 125px);}
	.career-progress .bar-step5:after{right: -1px;}
        
        .career-action{text-align: center;}
	.career-action .btn{width: 275px; margin-left: auto; margin-right: auto;}
	.career-btn{text-align: center;}
	.career-btn .btn{display: inline-block; width: 128px;}
	.career-file .file-conteol{width: 100%; overflow: hidden;}
	.career-file .file-conteol .btn{width: 100%;}
	.career-file .file-table{margin-top: 10px;}
	
	
	/*============ contact ============*/
	.contact-info {padding-top: 20px; padding-left: 0px;}
	.contact-address {padding-left: 0px; padding-top: 60px;}
	.contact-address-title {text-indent: 68px;}
	.contact-address-btn .btn {width: 100%;}
	.contact-address-btn .btn + .btn {margin-left: 0; margin-top: 7px;}
	.contact-direction-btn {top: 300px;}
	.contact-map iframe {height: 300px;}
	
	.box-button-contact{margin-bottom: 85px; margin-left: -10px; margin-right: -10px; width: 106%;}
	.btn-contact {width: 50%;position: relative; float: left; font-size: 15px; height: 60px;}
	.btn-contact .fa {font-size: 19px;line-height: 40px;}
	.g-map .box-button-contact { margin-bottom: 0px; margin-left: -8px; margin-right: -10px; width: 103.5%;}
	.g-map .btn-contact {width: 100%;position: relative; font-size: 15px; height: 60px;}
	

	.benefits-list{padding-top: 0;}
	.benefits-list .wrapper{display: block; width: auto; height: auto;}
	.benefits-list .wrapper > div{display: block; width: auto;}
	.benefits-list .inner{padding: 0 15px;}
	.benefits-list .thumb{text-align: center;}
	.benefits-list > ul > li{padding: 20px 0 !important;}




	/*============ Edit ============*/
	.about-content .title-box .text-left {width: 100%;float: none;text-align: center; border-right: 0;}
	.about-content .title-box .text-right {width: 100%;float: none;text-align: center; border-left: 0;}
	.about-content .title-box .text-right .slogan {line-height: 28px;}




	.widget-history{margin-top: 60px; margin-bottom: 20px;}
	.widget-history .inner{padding-left: 20px;}
	

	/*============ Addon Product&Quotation ============*/
	.menu .nav > li{float: left; width: 100%;}
	.menu .dropdown-menu{display: none; position: relative; left: 0; width: 100%;}
	.menu .open .dropdown-menu{display: block;}
	.menu .submenu{margin: 20px 0;}
	.menu .submenu .link{padding: 15px 20px;}
	.menu .submenu .cover{margin-bottom: 10px; height: auto; padding-top: 30%;}
	.menu .submenu .title{font-size: 22px;}

	.wg-product .head{margin-bottom: 30px; margin-top: 0;}
	.wg-product .head .title{font-size: 32px;}

	.product-search{margin-top: 0; margin-bottom: 30px; display: block;}
	.product-search .title-page{text-align: center;}
	.product-search .title-page h1{font-size: 34px;}
	.product-search .form-default{width: 280px; margin: 15px auto 0;}
	.product-search .form-default input{width: 240px;}
	.product-list .item{width: 100%;}
	.product-search:before,
	.product-search:after{
		content: ' '; 
		display: table;
	}
	.product-search:after{
		clear: both;
	}

	.productDe-page{padding-top: 0; padding-bottom: 40px;}
	.productDe-info .title{font-size: 26px;}
	.productDe-info .view .wrapper{font-size: 16px; height: 40px; line-height: 38px;}
	.productDe-info .view .link{font-size: 16px; height: 40px; line-height: 38px;}
	.productDe-info .content .topic{font-size: 22px;}
	.productDe-info .content .editor-content, .productDe-info .content .editor-content p{font-size: 20px;}
	.productDe-info .action .btn{height: 54px; line-height: 52px; font-size: 20px;}
	.productDe-attech .file-table{margin-top: 20px;}
	.productDe-attech .file-table-tbody{font-size: 20px;}
	.productDe-attech .file-table-thead{font-size: 16px;}
	.productDe-attech .file-table-thead .row > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.productDe-attech .attachment .file-table-row{padding: 10px 0;}
	.productDe-attech .head .title{font-size: 30px;}
	.product-relate .head{margin-bottom: 30px;}
	.product-relate .head .title{font-size: 30px; padding-bottom: 10px;}
}




/* Add ISO */
@media (max-width: 1600px) {
	.footer .Copyright-box .iso{margin-right: 10px; padding-right: 15px;}
	.footer .Copyright-box .iso img{width: 80px;}
	.footer .Copyright-box .facebook{width: 40px; height: 40px; line-height: 48px; font-size: 20px;}
	.footer .Copyright-box .linkedin{width: 40px; height: 40px; line-height: 46px; font-size: 20px;}
}
@media (max-width: 1200px) {
	.footer .Copyright-box .Copyright{margin: 20px 0;}
	.footer .Copyright-box .facebook{width: 30px; height: 30px; line-height: 36px; font-size: 16px;}
	.footer .Copyright-box .linkedin{width: 30px; height: 30px; line-height: 34px; font-size: 16px;}
	.footer .Copyright-box .iso{padding-right: 10px;}
	.footer .Copyright-box .social{margin-left: 0;}
}
@media (max-width: 767px) {
	.footer .Copyright-box .iso img{width: 70px;}
	.footer .Copyright-box .d-flex{justify-content: center; margin-bottom: 25px;}
	.footer .Copyright-box .social{padding-bottom: 0;}
}
/* Add ISO */