﻿/* Large desktop :1170px. */
@media (min-width: 1171px) and (max-width: 1400px) {
 	.ul_nav>li{ display: inline-block; }
} 

/* Normal desktop :992px. */
@media (min-width: 992px) {
	.ul_nav>li{display: inline-block;}
}

 
/* Tablet desktop :768px. */


 
/* smal Mobile :480px. */
@media only screen and (min-width: 200px) and (max-width: 991px) {
	/* body,h1,h2,h3,h4,h5,input,select,textarea{color:#3c3c3c;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} */
	body,h1,h2,h3,h4,h5,input,select,textarea{color:#3c3c3c;font-family: sans-serif;}
	.mobile-logo{width:80px;display:block;margin:0 auto;}
	.indexNav>li{width:80%;margin:0 auto;}
	.banner .owl-carousel .owl-item img{width: 100%;}
	.hidden-sm {display: inline-block!important;}
	.col-sm-2, .col-sm-10 { width: 100%; }
	.logo { margin:10px auto 10px; width: 77px ;height: 65px; }
	.product-list .item { width: 100%; margin-bottom: 20px; padding: 0 15px;}
	.product-list .item .img-responsive{margin: 0 auto;}
	.indexNav {display: inline-block;  position: absolute;top: 0;left: 0;width: 100%; background-color: #e4001c; z-index: 999;padding: 0 15px;}
	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.collapse.in { display: block !important; }
	.indexNav li a { display: block; color: #fff; padding: 10px 0; text-align: center; font-size: 18px;}
	.indexNav>li .secondNav {width: 100%;position: relative; border-bottom: 1px solid #e49091; border-top: 1px solid #e49091; }
	.indexNav>li .secondNav>li { position: relative; text-align: center; }
	.indexNav>li .secondNav>li>a {font-size: 14px;font-family: "AVENIR";font-weight: normal;padding-left:0px;}
	.indexNav>li .secondNav>li .secondNav>li>a {font-size: 16px;font-family: "AVENIR"; font-weight: normal;}
	.indexNav>li .secondNav>li>a:before {content:""; display: inline-block;margin-right: 5px;vertical-align: top;color: #fff; }
	.indexNav>li .secondNav .secondNav{border-bottom: none;position: relative;}
	.indexNav>li .secondNav .secondNav>li:not(:last-child) { border-bottom: 1px solid #e49091; }
	.indexNav .icon-cancel-circle {font-size:28px; color: #fff; position: absolute; top: 15px;right: 15px;z-index: 1000;width:auto;}
	.indexNav>li .secondNav>li:before {display: none;}
	.indexNav>li>.secondNav>li:hover > .secondNav { right: 0; }
	.indexNav>li .secondNav>li:hover >a { background-color: #e4001c; color: #fff; }
	.mobile-lang {position: absolute;top: 20px; right: 15px; }
	.indexNav>li .secondNav {box-shadow: none;}
	.mobile-lang>li { color: #c61213; font-weight: bold;font-size: 18px; }
	.mobile-lang>li span { font-size: 18px; display: inline-block;}
	.menu-toggle {position: absolute; top: 15px; left: 15px;display: block; }
	.menu-toggle span { font-size: 24px; color: #999999; font-weight:500;}
	.menu-toggle b {color: #c61213; font-size: 18px; margin-left: 10px;}
	#banner-slider .item .banner-text { top: 60px ;left: 30px; }
	#banner-slider .item .banner-text h4 { font-size: 24px; }
	.owl-theme .owl-nav.disabled+.owl-dots {bottom: 15px;}
	.section-product {margin-top: 20px;}
	.section-title:before {margin-top: 0;}
	.section-title {font-size: 1.5rem;padding: 0 15px; margin-bottom: 20px; letter-spacing: 5px;}
	.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {display: none;}
	.owl-carousel .owl-nav button.owl-prev:before {content: "\f055"; font-family: "icomoon";color: #c61213; font-size: 24px;}
	.owl-carousel .owl-nav button.owl-next:before {content: "\f056"; font-family: "icomoon";color: #c61213; font-size: 24px;}
	.owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%; left: -10px;transform:translateY(-80%);}
	.owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%; right: -10px;transform:translateY(-80%);}
	#brand-slider {padding: 0 30px;margin-top: 0;}
	.owl-theme .owl-nav [class*=owl-]:hover {background-color: rgba(255,255,255,0);}
	.news-nav ul {width: 80%;}
	.news-nav ul li {width: 100%;margin-bottom: 2px;display: none}
	.news-nav ul li>a {padding: 10px 0;width: 100%;display: inline-block;}
	.news-nav ul li span {display: inline-block; width: 60%;}
	.home-gallery>li .home-gallery-hover>p {display: none;}
	#release-slider .release-item {margin-right: 0;}
	.relations h4 {font-size: 40px; margin-top: 30px;}
	.relations p { font-size: 13px; }
	.relations {background: url(../image/bg-1-m.jpg) no-repeat;padding: 30px 0 50px; background-size: cover; }
	.value { background-image: url(../image/bg-2-m.jpg); }
	.value .tab-content {padding:0px 0 20px; }
	.value-nav >li { font-size: 20px; }
	.value-nav >li:not(:last-child)  {margin-right: 15px;}
	.value .tab-pane { padding: 30px 15px ; }
	.value h4 { font-size: 18px; }
	.section-product .big-read-more a { width: 160px; height: 44px;font-size: 16px;line-height: 44px; }
	.career { padding: 30px 0 30px; background-image: url(../image/bg-3-m.jpg); background-position: center;}
	.career h4 { font-size: 18px; }
	.career .join-us a { width: 160px; height: 44px;font-size: 16px;line-height: 44px; margin-top: 20px; }
	.footer h4 { font-size: 24px; font-weight:500;}
	.footer-list > li { font-size: 14px; margin-bottom: 5px; font-weight:500;}
	.footer p {font-size: 14px; font-weight:500;}
	.footer-list > li>a>span { font-size: 18px; font-weight:500;}
	.home-gallery>li  {flex:0 0 50%;}
	.value .big-read-more { margin-top: 30px; }

	/*announcements*/
	.catPro .td1 {font-size: 14px; width: 28%; text-align: center; vertical-align: top;}
	.catPro .td2 {font-size: 18px; vertical-align: top;}
	.catPro .tab tr>td:first-child {width: 25%; text-align: center; vertical-align: top;}	
	/*.catPro .tab tr>td>a{font-size: 14px;}*/
	
			
	/*report*/
	.reports-item .red-dots { left: 0; width: 30px ;height: 30px; display: block; }
	.reports-row { border:none; }
	.reports-item { border:1px solid #cccccc; margin-bottom: 25px; padding-right: 15px; overflow: hidden;} 
	.reports-item h4 { font-size: 20px; font-weight: bold;margin-bottom: 25px; }
	.reports-item p { font-size: 12px;line-height:24px; font-weight:500;}

	/*.brand-content { width: 100%; }*/
	.career-item  { margin-right: 0; margin-left: 0; }
	.career-item p { padding-left: 0px; }
	.carrer h4  {margin-bottom: 25px;}
	.carrer-img-text  { width: 60%; padding:10px;}
	.carrer-img-text h4  {font-size: 14px;margin-bottom: 10px; padding-left: 20px; font-weight:500;}
	.carrer-img-text ul li { font-size: 14px; padding-left: 20px; font-weight:500;}
	.carrer-img-text ul li em { width: 96%; }
	.carrer-img img { min-height: 300px; }
	.history-item {padding: 10px;}


	.workflow-item { width: 100%; }
	.brand-nav li a { font-size: 18px; display: inline-block;line-height: 31px; vertical-align: top; }
	.brand-nav li span { margin:0 10px; }
	.workflow-item .workflow-item-img, .workflow-item .workflow-item-text { width: 100%; }

	/*Corporate Video*/
	.corporatevideo {display: block; margin-left: auto; margin-right: auto; width:100%;}

	/*simon*/
	.govermance .col-sm-4{margin-bottom:40px;}
    .govermance .div1{height: 45px}
    .subsidiaries .col-sm-4{margin-bottom:40px;}
    .subsidiaries .div1{height: 45px}
    .profile .content{height: fit-content;}
    .profile .div1{margin-left:6% !important;width: 94% !important}
    .profile .div2{margin-left:6%;width: 94% !important;margin-bottom:20px;}
    .profile .red-dots{width: 8%}
	
	.profile .name{font-size: 20px;font-weight: bold;}
	.profile .row >.div2{width: 80%;margin-top:20px;font-size: 18px;}
	
    .function .content3 {height: 120px;margin-top:80px;border: 1px solid #ff0000;text-align: center;}
    .function .content >div{display:block;position: relative;}
    .function .content h4{font-size: 18px;}
    .function .content{}
}	

@media only screen and (min-width: 460px) and (max-width: 991px) {
	
	.career {
		padding: 30px 0 22%;
    background-image: url(../image/bg-3.jpg);
    background-position: center;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.en-US .indexNav>li>a{padding:35px 6px !important;font-size:14px;}
}
@media only screen and (max-width: 1200px) {
	/* body,h1,h2,h3,h4,h5,input,select,textarea{color:#3c3c3c;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} */
	body,h1,h2,h3,h4,h5,input,select,textarea{color:#3c3c3c;font-family: sans-serif;}
	
}
