@font-face{font-family:"BeVietnam";src:url("fonts/BeVietnam-Regular.ttf")format("TrueType");font-weight:400;font-display:swap;}
@font-face{font-family:"BeVietnam";src:url("fonts/BeVietnam-Italic.ttf")format("TrueType");font-weight:400;font-display:swap;font-style:italic;}
@font-face{font-family:"BeVietnam";src:url("fonts/BeVietnam-Bold.ttf")format("TrueType");font-weight:700;font-display:swap;}
@font-face{font-family:"BeVietnam";src:url("fonts/BeVietnam-ExtraBold.ttf")format("TrueType");font-weight:900;font-display:swap;}
@font-face{font-family:"SVN-Abril-Fatface";src:url("fonts/SVN-Abril-Fatface.ttf")format("TrueType");font-weight:400;font-display:swap;}

:root{
	--burger:#FFF;
	--green-dark: #0C3111;
	--green: #007E15;
	--green-grey: #213522;
	--yellow-bg: #FFFCF8;
	--yellow-skin: #FAE8D8;
	--yellow: #FFCB55;
	--yellow-light: #FFFF00;
	--red: #BD0018;
}

html, body { font-family: BeVietnam, sans-serif; font-size:16px; line-height:1.5em; background-color:#FFFCF8; position:relative; height:auto; overflow-x:hidden; }
/* body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */
.container .boundary { width:96%; max-width:1300px; }
h1, h2, h3, h4 {font-family:BeVietnam, sans-serif;}

a {color:inherit;}

.container.breadcrumb { position:absolute; top:70px; left:0; width:100%; margin-bottom:30px; margin-left:auto; margin-right:auto; line-height:1.5em; z-index:10; font-size:.6em; }
.breadcrumb li {color:#FFF; display:inline; font-size:1em; }
.breadcrumb li a { color:inherit; text-transform:uppercase; }
.breadcrumb li a:hover {color:#333;}
.breadcrumb li:nth-child(1n+2) [class^='icon-'] { color:var(--yellow); }

.modal h2 {background-color:var(--yellow)!important;}

.form-message { background-color: var(--yellow-light); color: #333; border-color: var(--yellow-light); }

.top-menu { position:absolute; top:0; left:0; width:100%; background-color:transparent; color:#FFF; height:70px; z-index:99999; }
.top-menu .top-menu-logo { width:auto; height:70px; display:inline-block;}
.top-menu .top-menu-logo img {width:auto; height:100%; }
.top-menu .hamburger { float:right; position:relative; line-height:70px; margin-right:10px; z-index:99999; }
.top-menu .hamburger.is-active { float:unset; position:fixed; top:0; right:10px; }

.top-menu .top-menu-content { position:fixed; display:block; width:100%; height:100%; top:0; left:-100%; background:var(--green-grey) url(../images/9-bg.svg) bottom right no-repeat; background-size:auto 100%; margin:0; padding:20px; box-sizing:border-box; z-index:99999; color:#FFF; list-style-type:none; transition:all 0.3s; overflow-y:auto; }
.top-menu .top-menu-content.active { left:0; box-shadow:0 3px 5px #666; }
.top-menu .top-menu-content li { font-size:1.2em; font-weight:bold; position:relative; }
.top-menu .top-menu-content li a { display:block; width:100%; height:auto; line-height:1.5em; padding:7px 0; }
.top-menu .top-menu-content li.top-menu-logo a { display:inline-block; width:auto; height:70px; padding:0 0 20px; }
.top-menu .top-menu-content li.active > a {color:var(--yellow);}
.top-menu .top-menu-content li.sub-menu a i { display:inline-block; margin-left:20px; transform:rotate(90deg); }
.top-menu .top-menu-content li ul { list-style-type:none; padding: 0 0 0 20px; }
.top-menu .top-menu-content li ul li { font-size:1.1rem; border-bottom:unset; color:#FFF; font-weight:normal;}
.top-menu .top-menu-content li.sub-menu ul li.sub-menu { color:#aaa; }
.top-menu .top-menu-content li ul li ul li { color:#FFF; }
.top-menu .top-menu-content li.search { display:none; }

.top-menu .top-menu-content li.search form { display: none; position: absolute; top: 100%; right: 0; transform: translateX(50%); width: auto; height: auto; font-size: 0.9em; line-height: 1.2em; border-radius: 5px; }
.top-menu .top-menu-content li.search form .button, .top-menu .top-menu-content li.search form .textbox { display: inline-block; vertical-align: top; border: 0; margin: 0; background: 0 0; }
.top-menu .top-menu-content li.search form .button { padding-right: 0; }
.top-menu .top-menu-content li.search form .textbox { width: 200px; font-size: 0.9em; height: 35px; }

.top-menu .top-menu-content li a.contact { display:inline-block; vertical-align:middle; width:auto; height:auto; background-color:var(--yellow); border-radius:20px; line-height:40px; margin-top:10px; color:var(--red); box-sizing:border-box; padding:0 20px; }
.top-menu .top-menu-content li a.contact i { font-size: .8em; display: inline-block; }
.top-menu .top-menu-content li a.contact:hover { color:#FFF!important; }

.top-menu .menu-languages { display:inline-block; width:auto; vertical-align:top; line-height:70px; float:right; margin-right:10px; }
.top-menu .menu-languages img { display:inline-block; vertical-align:middle; width:40px; height:auto; margin:0 10px 0 0; }
.top-menu li.menu-languages { display:none; }

.page-banner { position:relative; z-index:1; }
.page-banner:before { content:""; padding-top:62%; display:block; width:100%; height:auto; }
.page-banner .page-banner-image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.page-banner .boundary { position:absolute; top:70px; left:0; width:100%; height:auto; box-sizing:border-box; z-index:10; color:#FFF; padding:30px 0; text-align:center; max-width:unset; }
.page-banner .page-banner-title { font-family:"SVN-Abril-Fatface"; font-weight:normal; font-size:1.7em; line-height:1.3em; margin:0; }
.page-banner .page-banner-title span { display:block; font-family:"BeVietnam"; line-height:1em; font-size:1rem; }
.page-banner .page-banner-title div { color:var(--yellow); }

.page-banner .banner-toggle { margin-top:5px; font-size:.7em; background-color:var(--yellow); padding:3px; border-radius:20px; box-sizing:border-box; color:var(--green); width:auto; display:inline-block; }
.page-banner .banner-toggle a { display:inline-block; width:auto; height:auto; border-radius:20px; padding:0 10px; }
.page-banner .banner-toggle a:hover { color:#FFF; }
.page-banner .banner-toggle a.active { background-color:var(--green); color:#FFF; }

.main-button { display:block; background-color:var(--yellow); height:30px; margin-top:10px; line-height:30px; text-align:center; border-radius:20px; font-weight:bold; }

.page-banner { background:var(--green-dark); }

.banner { background:var(--green-dark) url(../images/header-bg.jpg) top left no-repeat; background-size:cover; color:#FFF; padding:100px 0 50px; margin-bottom:100px;  }
.banner .banner-title { font-family:"SVN-Abril-Fatface"; font-size:2em; line-height:1.5em; transform: translate3d(0, 100px, 0); opacity:0; }
.banner .banner-title .banner-yellow { color:var(--yellow); }
.banner .banner-title-content { font-family:BeVietnam; font-size:.5em; line-height:1.3em; }
	
.banner .banner-title-content a { display:block; margin-top:10px; font-weight:normal; text-decoration:underline; text-underline-position:under; font-size:.8em; }

.banner .banner-content { background-color:#FFF; width:96%; margin:30px auto -150px; border-radius:10px; padding:10px; box-sizing:border-box; color:#000; line-height:1.3em; box-shadow:0 0 5px #666; backface-visibility: hidden; transform: perspective(2500px) rotateY(-100deg);  }
.banner .banner-content .banner-content-title { font-size:1.3em; font-weight:bold; line-height:1.3em; margin-bottom:5px; }
.banner .banner-content .banner-content-title div { color:var(--green); }
.banner .banner-content .banner-content-images { margin:10px 0; }
.banner .banner-content .banner-content-images .image-item { display:inline-block; width:32%; margin-right:2%; vertical-align:top; }
.banner .banner-content .banner-content-images .image-item:nth-child(3) { margin-right:0; }
.banner .banner-content .banner-content-images .image-item .square-image{ border-radius:10px; }

.banner .banner-scroll { display:none; }

.introduction, .su-menh { padding-top:140px; background:var(--green-grey) url(../images/9-bg.svg) top right no-repeat; background-size:100% auto; color:#FFF; margin-top:-120px; }
.introduction .strength { margin:20px 0; }
.introduction .strength .strength-item { margin:30px 0; text-align:left; }
.introduction .strength .strength-item .square-image { margin-top:8px; }
.introduction .strength .strength-item .square-image:before { padding-top:75%; }
.introduction .strength .strength-item .square-image, .introduction .strength .strength-item .strength-item-content { display:inline-block; width:30%; vertical-align:top; box-sizing:border-box; }
.introduction .strength .strength-item .strength-item-content { width:70%; padding-left:10px; }
.introduction .strength .strength-item strong { display:block; margin-bottom:10px; }
.introduction .strength .strength-item strong span { color:var(--yellow); }

.introduction .introduction-content { background-color:#FFF; border-radius:20px; padding:20px; color:#000; margin-bottom:20px; width: 96%; box-sizing: border-box; margin: 0 auto 20px; }
.introduction .introduction-content .table .col:last-child { text-align:left; }
.introduction .introduction-content .square-image { border-radius:30px; }
.introduction .introduction-content .square-image:before { padding-top:45%; }

.introduction .introduction-title { font-size:1.2em; line-height:1.2em; margin-bottom:10px; font-weight:normal; }
.introduction .introduction-title span { display:inline; color:var(--green); font-weight:bold; }

.products { text-align:left; width:96%; max-width:1150px; margin:0 auto; padding:10px; box-sizing:border-box; }
.products .products-title span { color:var(--yellow); }

.products-slider { width:96%; padding:10px; box-sizing:border-box; position:relative; }
.products-slider .product {  box-sizing:border-box; width:80%; margin:0 auto; }
.products-slider .product .square-image:before { padding-top:70%; }
.products-slider .product .product-content { background-color:#FFFCF8; border-radius:20px; margin-top:20px; color:#000; padding:10px 10px 20px; box-sizing:border-box; text-align:left;  }
.products-slider .product .product-title { }
.products-slider .product .product-title strong { display:block; font-size:1.2em; font-weight:bold; color:var(--green); }
.products-slider .product .product-description { margin:20px 0; }
.products-slider .product .product-status { font-weight:bold; }
.products-slider .product .product-status .green { color:var(--green); }
.products-slider .product .product-status .yellow { color:var(--yellow); }
.products-slider .product .product-status .red { color:var(--red); }

.products-slider .owl-nav button { position:absolute; top:50%; transform:translateY(-50%); left:5px; border-radius:100%; width:30px; height:30px; line-height:5px!important; text-align:center; border:1px solid var(--yellow)!important; color:var(--yellow)!important; }
.products-slider .owl-nav button.owl-next { left:unset; right:5px; }

.certificate { padding:20px 0; }
.certificate .certificate-title { color:var(--green-dark); font-size:1.5em; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:20px; }
.certificate .certificate-title span { color:var(--yellow); line-height:1.5em; }
.certificate .certificate-slider { position:relative; width:96vw; overflow:hidden; padding:20px 0 40px; }
.certificate .certificate-slider .owl-nav { text-align:center; width:100%; }
.certificate .certificate-slider .owl-nav button { display:inline-block; width:30px; height:30px; border-radius:100%; line-height:5px!important; border:1px solid #000!important; margin:10px 5px; font-size:.8em!important; }
.certificate .certificate-text { text-align:left; font-size:1.1em; font-weight:bold; }
.certificate #certificate_slider img { width:80%; margin:0 auto; height:auto; }

.su-menh { padding-bottom:100px; background-size:auto 100%; }
.su-menh img { width:90%; height:auto; }
.su-menh .su-menh-title { font-size:1.5em; font-weight:bold; line-height:1.3em; margin-top:20px; }
.su-menh .su-menh-title span { color:var(--yellow); display:block; }
.su-menh .su-menh-title, .su-menh .su-menh-content { text-align:left; }

.footer { padding-top:5px; }
.footer .footer-header, .footer .footer-bg { display:block; width:100%; height:auto; margin-top:-50px; pointer-events:none; }
.footer .footer-title { font-weight:bold; font-size:1.5em; line-height:1.5em; margin-bottom:10px; }
.footer .footer-title span { display:block; }
.footer .footer-social .footer-social-item { display:block; margin:10px 0; font-weight:bold; }
.footer .footer-social .footer-social-item img { width:30px; display:inline-block; vertical-align:middle; }

.footer .footer-bg { margin-top:20px; }

.copyright { background-color:var(--green-dark); color:#FFF; font-size:0.9em; padding:10px 0;}
.copyright .boundary {text-align:center; }
.copyright span { display:block; font-size:.8em; }


@media (min-width:576px){
	
	.copyright span { display:inline-block; }
	.copyright span:before {content:"- ";}
}

@media (min-width:768px){
	.page-banner:before { padding-top:50%; }
	.page-banner .page-banner-title { font-size:2.8em; }
	.page-banner .page-banner-title span { font-size:.5em; }
	
	.page-banner .banner-toggle { margin-top:10px; font-size:1em; }
	.page-banner .banner-toggle a { padding:0 10px 5px; }
	
	.top-menu .hamburger {display:none;}
	
	.top-menu .top-menu-logo { height:60px; margin-top:5px; }
	
	.top-menu .top-menu-content { display:inline-block!important; position:relative; top:unset; left:unset; background:unset; box-shadow:none!important; width:auto; height:70px; line-height:70px; padding:0; vertical-align:top; float:right; color:#FFF; overflow-y:unset; }
	.top-menu .top-menu-content li { position:relative; border:unset; font-weight:normal; font-size:1em; }
	.top-menu .top-menu-content li.top-menu-logo { display:none; }
	.top-menu .top-menu-content li, .top-menu .top-menu-content li a { display:inline-block; }
	.top-menu .top-menu-content li a {padding:0 0 0 15px; width:auto; }
	.top-menu .top-menu-content li.sub-menu a i { margin-left:5px; }
	.top-menu .top-menu-content li.sub-menu a { pointer-events:none; }
	.top-menu .top-menu-content li.sub-menu ul li a { pointer-events:auto; }
	.top-menu .top-menu-content li:hover, .top-menu .top-menu-content li:hover > a, .top-menu .top-menu-content li.active, .top-menu .top-menu-content li.active > a { color:var(--yellow); }
	
	.top-menu .top-menu-content li ul { display:none; position:absolute; top:calc(100% - 10px); right:0; width:auto; min-width:100%; height:auto; background-color:#FFF; color:#000; box-shadow:0 0 3px #DDD; padding:10px 20px; border-radius:10px; white-space:nowrap; }
	.top-menu .top-menu-content li:hover ul { display:block; }	
	.top-menu .top-menu-content li ul li { display:block; line-height:1.3em; }
	.top-menu .top-menu-content li ul li a { color:#000; display:block; padding:5px 10px; white-space:nowrap; }
	.top-menu .top-menu-content li ul li a:hover { color:var(--yellow); }
	.top-menu .top-menu-content li ul li ul { padding:0; }
	.top-menu .top-menu-content li ul li a { border-bottom:1px solid #DDD; }
	.top-menu .top-menu-content li ul li:last-child a { border-bottom:0; }
	.top-menu .top-menu-content li ul li ul li:last-child a { border-bottom:1px solid #DDD; }
	.top-menu .top-menu-content li ul li ul { display:block; position:relative; top:unset; right:unset; box-shadow:unset; }
	.top-menu .top-menu-content li ul li ul li { display:block; }
	.top-menu .top-menu-content li ul li ul li a { padding-left:10px; }
	.top-menu .top-menu-content li ul li ul li a:before { font-size: .3em; content: "\26AB"; display: inline-block; vertical-align: middle; margin-right: 10px; }
	.top-menu .top-menu-content li.search { /* display:inline-block; */ font-size:1.2em; }
	.top-menu .top-menu-content li.search a { margin-left:0; padding:0; }
	.top-menu .top-menu-content li.search form { white-space: nowrap; box-shadow: 0 0 3px #000; background-color: #fff; }
	.top-menu .top-menu-content li.search { line-height: 56px; margin: 0 0 0 5px; }
	.top-menu .top-menu-content li.search form { transform: unset; right: 5px; }
	
	.top-menu .top-menu-content li a.contact { line-height:30px; padding:0 10px; margin-left:15px; margin-top:0; font-size:.8em; min-width:150px; text-align:center; }
	
	.top-menu .menu-languages { display:none; }
	.top-menu li.menu-languages { display:inline-block; float:unset; padding-left:15px; }
	.top-menu li.menu-languages a { padding:0; }
	.top-menu li.menu-languages img { width:30px; height:auto; }
	.top-menu li.menu-languages span { display:none; }
	
	.banner { position:relative; padding-bottom:100px; }
	.banner:before { content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background-image:linear-gradient(0, var(--green-dark), transparent 30px); z-index:1; }
	.banner .boundary { z-index:2; position:relative; }
	.banner .banner-title, .banner .banner-content { width:40%; display:inline-block; vertical-align:top; }
	.banner .banner-title { padding-top:30px; }
	.banner .banner-content { width:50%; margin:0 0 0 10%; }
	
	.banner .banner-scroll { display:inline-block; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:50px; height:50px; border-radius:100%; border:1px dashed var(--yellow); color:var(--yellow); text-align:center; line-height:50px; z-index:10; }
	.banner .banner-scroll i { display:inline-block; transform:rotate(90deg); }
	
	.introduction { padding:50px 0; }
	.introduction .boundary { max-width:1200px; } 
	.introduction .strength .strength-item { text-align:center; padding:0 10px; font-size:.8em; line-height:1.3em; }
	.introduction .strength .strength-item .square-image { width:50%; margin:0 auto 10px; }
	.introduction .strength .strength-item .strength-item-content { display:block; width:100%; text-align:left;  }
	.introduction .strength .strength-item .strength-item-content strong { font-size:1.5em; line-height:1.3em; }
	
	.introduction .introduction-content .square-image { width:90%; margin:0; }
	.introduction .introduction-title { margin-top:0; font-size:1.3em;}
	.introduction .introduction-content .main-button { width:auto; display:inline-block; padding:0 20px; }
	
	.products .products-title, .products .products-description { display:inline-block; width:40%; vertical-align:top; box-sizing:border-box; }
	.products .products-title { font-size:2em; line-height:1.3em; margin:0; padding-right:20px; }
	.products .products-description { padding-top:10px; }
	
	.products-slider { padding:20px; }
	.products-slider .product { width:95%; }
	.products-slider .product .product-content { min-height:370px; }
	.products-slider .product .product-status { position:absolute; bottom:20px; }
	.products-slider .owl-nav { position:absolute; top:-35px; right:10px; width:auto; }
	.products-slider .owl-nav button { position:relative; top:unset; left:unset; right:unset; margin:0 10px; transform:unset; }
	
	.certificate { background:url(../images/9-bg-y.svg) center center no-repeat; background-size:auto 80%; padding:40px 0 10px; }
	.certificate .certificate-title { font-size:1.8em; }
	.certificate .certificate-text { font-size:1.3em; }
	.certificate .certificate-slider { width:100%; }
	.certificate .certificate-slider .owl-carousel { width:49vw; }
	.certificate .certificate-left .owl-carousel { width:42vw!important; }
	.certificate #certificate_slider img { width:60%; }
	
	.su-menh { padding:50px 0 100px; margin:0; background-position:120% center; }
	.su-menh img { width:80%; }
	.su-menh .su-menh-title { margin-top:0; }
	
	.footer .boundary { text-align:center; }
	.footer .footer-header { margin-top:-100px; }
	.footer .footer-title span { display:inline-block; }
	.footer .footer-social { width:70%; max-width:600px; margin:10px auto; }
	.footer .footer-social .footer-social-item { display:inline-block; width:32%; margin-right:2%; }
	.footer .footer-social .footer-social-item img { margin-right:10px; }
	.footer .footer-social .footer-social-item:nth-child(3n+0) { margin-right:0; }
}

@media (min-width:996px){
	.page-banner .boundary { padding-top:130px; }
	.page-banner .page-banner-title { font-size:3.2em; }
	
	.top-menu .top-menu-logo { height:70px; }
	.top-menu .top-menu-content { width:75%; }
	.top-menu .top-menu-content li.search { margin-left:10%; }
	.top-menu .top-menu-content li.search a { font-size:1.3em; padding-left:10px; }
	.top-menu .top-menu-content li a.contact i { margin-left:0px; }
	.top-menu .top-menu-content li a.contact { line-height:40px; padding:0 20px; font-size:.9em; }
	.top-menu .top-menu-content li.contact-menu {  margin-left:10%; }
	
	.top-menu li.menu-languages span { display:inline-block; vertical-align:middle; margin-right:5px; }
	
	.banner .boundary { max-width:1200px; padding:50px 0; }
	.banner .banner-title { margin-left:10%; padding-top:50px; }
	.banner .banner-content { width:40%; margin:0;  }
	
	.banner .banner-scroll { width:70px; height:70px; line-height:70px; }
	
	.introduction { background-position:center 100px; background-size:80% auto; }
	.introduction .strength { margin:50px 0; }
	.introduction .strength .strength-item { text-align:left; padding:0 20px; line-height:1.3em; }
	.introduction .strength .strength-item .square-image { width:40%; margin:0; }
	.introduction .strength .strength-item .strength-item-content { display:inline-block; width:60%; }
	.introduction .strength .strength-item .strength-item-content strong { font-size:1.3em; }
	
	.introduction .introduction-content { padding:30px 20px; }
	.introduction .introduction-content .square-image:before { padding-top:55%; }
	
	.products { padding:70px 10px 20px; }
	.products .products-title { font-size:2.3em; padding-left:10px; }
	.products .products-description { padding-top:15px; }
	
	.products-slider { padding:20px 40px; max-width:1200px; margin:0 auto; }
	.products-slider .owl-nav { right:30px; }
	
	.certificate .certificate-title { font-size:2em; }
	
	.su-menh { padding:100px 0; }
	.su-menh .su-menh-title { font-size:2em; }
	.su-menh .su-menh-content p { margin:20px 0; }
	
	.footer { font-size:1.2em; }
	.footer .footer-social .footer-social-item img { width:40px; }
}

@media (min-width:1200px){
	.page-banner .boundary { padding:0; top:50%; transform:translateY(-50%); }
	.page-banner .page-banner-title { font-size:4em; }
	
	.page-banner .banner-toggle { margin-top:20px; font-size:1.2em; border-radius:30px; }
	.page-banner .banner-toggle a { padding:5px 20px 10px; font-weight:bold; border-radius:30px; }
	
	.container.breadcrumb { top:110px; font-size:.7em; }
	
	.main-button { height:50px; line-height:50px; border-radius:50px; font-weight:bold; }
	.main-button:hover { background-color:var(--yellow-light); }
	
	.top-menu { font-size:1.1em; }
	.top-menu .top-menu-logo {height:100px;}
	
	.top-menu, .top-menu .top-menu-content {height:100px; line-height:100px;}
	.top-menu li.menu-languages { line-height:100px; }
	.top-menu li.menu-languages a { padding-left:0!important; }
	
	.top-menu .top-menu-content { padding:0; width:72%; }
	.top-menu .top-menu-content li a {padding:0 0 0 30px; }
	.top-menu .top-menu-content li ul {top:70%;}
	
	.top-menu .top-menu-content li.search { margin-left:3%; }
	.top-menu .top-menu-content li.contact-menu { margin-left:3%; }
	
	.banner .boundary { padding:30px 0; }
	.banner .banner-title { font-size:3.5em; margin-left:5%; padding:30px 20px 0 0; box-sizing:border-box; }
	.banner .banner-content { font-size:1.2em; padding:30px; margin-left:10%; }
	.banner .banner-content .banner-content-title { margin-bottom:10px; }
	.banner .banner-content .banner-content-images { margin:30px 0; }
	.banner .banner-content .banner-content-images .image-item { width:31%; margin-right:3.5%; }
	
	.banner .banner-scroll { bottom:40px; }
	
	.introduction { padding:100px 0 50px; background-position:120% top; background-size:700px auto; }
	.introduction .strength { margin:70px 0; }
	.introduction .strength .strength-item { font-size:1em; padding:0 10px; }
	.introduction .strength .strength-item .strength-item-content { padding-right:10px; }
	
	.introduction .introduction-content { padding:40px; }
	.introduction .introduction-title { font-size:1.5em;}
	
	.products { padding:100px 0 30px; }
	.products .products-title { font-size:2.7em; padding-right:70px; }
	.products .products-description { padding-left:0; width:25%; }
	
	.products-slider-container { position:relative; overflow-x:hidden; width:100%; padding:100px 0 0; margin-top:-100px; }
	.products-slider-container .products-slider-hidden { position:absolute; top:0; left:0; width:calc(50% - 600px); height:100%; background-color:var(--green-grey); z-index:10; }
	.products-slider { padding:20px; }
	.products-slider .owl-stage-outer { overflow:visible!important; }
	.products-slider .owl-nav { top:-75px; }
	.products-slider .owl-nav button { width:50px; height:50px; }
	
	.products-slider .product .product-content { min-height:300px; }
	
	.certificate { background-size:auto 120%; }
	.certificate .boundary { max-width:1200px; }
	.certificate .table .col { padding:0 20px; }
	.certificate .certificate-title { font-size:2.8em; line-height:1.5em; }
	.certificate .certificate-slider .owl-carousel { width:30vw!important; }
	
	.su-menh { padding-bottom:200px; }
	.su-menh .su-menh-title { font-size:3em; }
	.su-menh .su-menh-content p { margin:40px 0; }
	
	.footer { font-size:1.5em; line-height:1.5em; }
	.footer .footer-header { max-width:1400px; margin:-150px auto 0; }
	.footer .footer-social { max-width:800px; }
}

@media(min-width:1400px){
	.page-banner .page-banner-title { font-size:5em; }
	.page-banner .page-banner-title span { }
	
	.products .products-title { font-size:3em; }
	.products .products-description { padding-top:20px; }
	
	.top-menu .top-menu-content { width:75%; }
	.top-menu .top-menu-content li.search { margin-left:8%; }
	.top-menu .top-menu-content li.contact-menu { margin-left:8%; }
	
	.top-menu .top-menu-content li a.contact { min-width:192px; font-size:.8em; }
}

@media (min-width:1600px){
	
}