.navbar{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
}
body:not(.cke_editable){
	padding-top: 123px;
}
@media (min-width: 1800px){
	.container {
	    max-width: 1800px;
	    width: 100%;
	}
}
@media (max-width: 1800px) {
	footer{
		padding-top: 70px;
	}
	footer .footermenu .left, 
	footer .footermenu .right{
		width: 45%;
	}
	footer .footermenu .left h4{
		font-size: 40px;
	}
	.slideprojects .productinfo .img{
		height: 400px;
	}
	.slideprojects .productinfo .info .name{
		padding: 20px 40px;
		font-size: 30px;
	}
	.slideprojects .productinfo .info .name .n2{
		font-size: 20px;
	}
	.slideprojects .productinfo .info .image img{
		height: 150px;
	}

}
@media (max-width: 1440px) {
	.slideprojects .productinfo .info .name{
		font-size: 30px;
		padding: 30px 40px;
	}
}
@media (max-width: 1299px) {
	.navbar-nav>li>a{
		padding-left: 20px;
		padding-right: 20px;
	}
	.slideprojects{
		padding: 0 80px;
	}
}
@media (max-width: 1199px) {
	.navbar-nav>li>a{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}
	footer .footermenu .right .menu > li{
		padding: 5px 10px;
	}
	.slideproducts .productinfo .name{
		font-size: 18px;
	}
	.slideproducts .productinfo .img > img{
		height: 300px;
	}
	.slideprojects .productinfo .info .image > img{
		height: 150px;
	}
	.slideprojects .productinfo .img{
		height: 400px;
	}
}
@media (max-width: 1023px) {

}
@media (max-width: 991px) {
	body:not(.cke_editable){
		padding-top: 80px;
	}
	.topnav{
		padding-top: 10px;
	}
	.navbar-brand{
		padding: 0;
		padding-top: 5px;
		padding-left: 15px;
	}
	.navbar-brand>img{
		height: 55px;
		margin-top: 10px;
	}
	.boxtopsearch a{
		padding: 0;
	}
	.boxtopsearch a > img,
	.topnav > ul > li > a > img{
		height: 30px;
	}
	.topnav > ul > li .setlang > a{
		font-size: 16px;
	}
	.navbar-nav>li>a{
		font-size: 14px;
		padding:7px 9px;
	}
	.nav .dropdown-menu>li>a{
		font-size: 12px;
		padding: 5px 15px;
	}
	.boxnav{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	footer .submenu > ul > li > a.investor,
	.topnav > ul > li > a.phone,
	.topnav > ul > li > a.investor{
		padding: 4px 15px;
		font-size: 13px;
		height: 26px;
	}
	.topnav > ul > li .setlang,
	.topnav > ul > li .topsocials{
		margin-top: 0;
	}
	.boxtopsearch a{
		font-size: 18px;
	}
	.topnav{
		padding-bottom: 10px;
	}
	footer .footermenu .left, footer .footermenu .right{
		width: 100%;
	}
	footer .footermenu{
		flex-direction: column;
	}
	footer .footermenu .right{
		padding-top: 15px;
	}
	footer .footermenu .right h4{
		padding-bottom: 0;
	}
	footer{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	footer .footermenu .left h4{
		font-size: 34px
	}
	.slideprojects .productinfo .img{
		height: 300px;
	}
	.slideprojects .productinfo .info .name{
		font-size: 20px;
		padding: 20px 30px;
	}
	.slideprojects .productinfo .info .name .n2{
		font-size: 16px;
	}
	.slideprojects .productinfo .info .image > img{
		height: 100px;
	}
	.slideprojects .productinfo .info{
		margin-left: -30px;
	    min-width: calc(50% + 30px);
	    max-width: calc(50% + 30px);
	}
	.slideprojects .slick-prev,
	.slideprojects .slick-next{
		width: 30px;
		height: 60px;
		background-size: cover;
	}
	.slideprojects{
		padding: 0 50px;
	}
	#innerBox{
		padding-top: 15px;
	}
}
@media (max-width: 767px) {
	.navbar{
		max-height: 100%;
		overflow-y: auto;
	}
	body:not(.cke_editable){
		padding-top: 50px;
	}
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header{
		margin: 0;
	}
	.navbar-brand{
		padding: 5px 10px;
		margin: 0;
	}
	.navbar-toggle{
		margin: 0;
		margin-top: 12px;
		margin-bottom: 5px;
	}
	.navbar-nav{
		margin: 0;
	}
	.navbar-collapse{
	}
	footer{
		padding: 30px 0px;
	}
	footer .submenu{
		padding: 0 15px;
	}
	footer .footermenu{
		padding-bottom: 0px;
	}
	footer .submenu > ul > li .topsocials{
		margin-top: 0;
	}
	footer .submenu > ul > li{
	}
	.footerourcompany .bannerslide{
		padding-left: 0;
	}
	.footerourcompany .name{
		float: none;
		text-align: center;
		padding-top: 10px;
	}
	.footerourcompany .name > img{
		height: 30px;
	}
	.copyright{
		padding-top: 10px;
	}
	.copyright .col1{
		text-align: center;
		font-size: 12px;
	}
	.footerourcompany .bannerslide{
		margin-top: 15px;
	}
	#innerBox{
		padding-bottom: 0px;
	}
	.boxproducts, .boxrefproducts{
		padding: 40px 0;
	}
	.filterproducts .col-sm-4{
		padding-bottom: 10px;
	}
	.headertitle{
		font-size: 22px;
	}
	a.morelink{
		font-size: 14px;
		padding: 10px 30px;
	}
	.boxcontacts .topinfo .companyinfo .name{
		padding-top: 20px;
		font-size: 20px;
	}
	.boxcontacts .topinfo .maplink img{
		width: auto;
	}
	.boxcontacts .topinfo .maplink{
		padding-top: 20px;
	}
	.boxcontacts .topinfo .companyinfo address{
		font-size: 14px;
	}
	.boxcontacts .topinfo .maplink a{
		display: inline-block;
	}
	.formcontact .bg{
		
	}
	.formcontact .bg{
		margin: 0;
	}
	.formcontact .bg .row{
		padding: 0;
	}
	.boxcontacts{
		padding-bottom: 100px;
	}
	.formcontact .submit{
		padding: 0;
	}
	.formcontact .submit button{
		font-size: 20px;
	}
	.boxcontacts{
		padding-top: 50px;
	}
	.topnav{
		float: none;
		border-bottom: 1px solid #eee;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
	}
	.navbar-header{
		padding-bottom: 7px;
	}
	.navbar-collapse{
		padding: 0;
		border-top: 1px solid #eee;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
	}
	.navbar-nav>li>.dropdown-menu{
		position: relative;
		top: inherit;
		clear: both;
		margin-bottom: 10px;
		box-shadow: none;
	}
	.navbar-nav>li>.dropdown-menu > li{
		clear: both;
	}
	.navbar-nav>li>.dropdown-menu > li > a{
		padding-left: 30px;
		display: block;
	}
	.topnav > ul > li{
		padding-bottom: 10px;
		height: 35px;
	}
	.boxwather .menusec .container,
	.filterproducts .col-sm-4{
		padding-left: 0;
		padding-right: 0;
	}
	.breadcrumb{
		padding: 5px 0;
	}
	.box_about4 .message .name1{
		font-size: 40px;
	}
	.box_about4 .message .name2{
		font-size: 26px;
	}
	.box_about4 .message{
		width: 100%;
	}
	.box_about4{
		padding: 100px 0;
	}
	
	.boxotherinfo .nav-tabs>li{
		width: auto;
		text-align: center;
	}
	.boxotherinfo .nav-tabs>li > a{
		border-bottom: 2px solid transparent!important;
		font-size: 14px;
	}
	.boxotherinfo .nav-tabs>li.active>a, .boxotherinfo .nav-tabs>li.active>a:focus, .boxotherinfo .nav-tabs>li.active>a:hover{
		border-bottom-width: 2px !important;
	}
	.boxotherinfo .bgtab{
		padding: 20px 0;
	}
	.boxotherinfo .bgtab .title{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #fff;
		margin-bottom: 15px;
	}
	.docuclists > li .downloadbox .info .name{
		font-size: 14px;
	}
	.docuclists > li{
		width: 100%;
	}
	.docuclists > li .downloadbox .info .desc{
		font-size: 13px;
	}
	.docuclists > li .downloadbox .info .btn{
		font-size: 12px;
	}
	.docuclists > li .downloadbox .info{
		padding-left: 45px;
	}
	
	footer .footermenu .col-md-2{
		float: left;
		width: 50%!important;
	}
	.pagehead{
		padding: 80px 15px;
		font-size: 24px;
		margin-bottom: 10px;
	}
	.navbar-brand>img{
		height: 40px;
		margin-top: 5px;
	}
	.topnav{
		float: none;
		width: 100%;
	}
	.topnav > ul{
		justify-content: center;
		width: 100%;
	}
	.topnav > ul > li{
		height: auto;
	}
	.navbar-nav>li>a{
		text-align: center;
		font-size: 16px;
	}
	.nav .dropdown-menu>li>a{
		font-size: 14px;
		text-align: center;
	}
	.slideprojects .productinfo .img{
		height: 35vw;
	}
	.slideprojects .productinfo .info .name{
		font-size: 18px;
		padding: 15px 25px;
	}
	.slideprojects .productinfo .info .image > img{
		height: 80px;
	}
	footer .footermenu .left h4{
		font-size: 26px;
	}
	footer .footermenu .left .fullname{
		font-size: 18px;
	}
	.breadcrumb > li > a{
		font-size: 14px;
	}
}
@media (max-width: 600px) {
	.lilang{
		display: block;
		width: 33.33%;
		text-align: center;
	}
	.li100{
		width: 50%;
		display: block;
	}
	.topnav{
		padding-left: 10px;
		padding-right: 10px;
	}
	.boxtopsearch a{
	}
	footer .submenu > ul > li > a.investor, .topnav > ul > li > a.phone, .topnav > ul > li > a.investor{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.box_about6 .businesslists .name{
		font-size: 16px;
	}
	.box_about6 .businesslists .desc{
		font-size: 14px;
	}
	.box_about4 .message .name1{
		font-size: 30px;
	}
	.box_about4 .message .name2{
		font-size: 20px;
	}
	.javaword{
		padding-bottom: 80px;
	}
	.pagination>li>a, .pagination>li>span{
		font-size: 14px;
		padding: 5px 10px;
	}
	.slideprojects .productinfo .name{
		font-size: 16px;
	}
	footer .footermenu .right h4,
	footer .footermenu .right .social h5{
		font-size: 24px;
	}
	.slideprojects .productinfo{
		flex-direction: column;
	}
	.slideprojects .productinfo .info,
	.slideprojects .productinfo .img{
		height: auto;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.slideprojects .productinfo .info{
		position: relative;
	}
	.slideprojects .productinfo .info .image{
		position: absolute;
		bottom: calc(100% + 10px);
		right: 10px;
	}
	.slideprojects .productinfo .info .image > img{
		height: 15vw;
	}
	.slideprojects .productinfo{
		height: auto;
	}
}
@media (max-width: 479px) {
	.slideprojects .productinfo{
		margin: 0;
	}
	.slideproducts .productinfo .name{
		max-width: none;
	}
	.businesslists > div{
		width: 100%;
		float: none;
	}
	.pagination>li>a, .pagination>li>span{
		float: none;
		display: inline-block;
		margin-bottom: 5px;
	}
	.slick-dots{
		display: none!important;
	}
	.boxinnerproducts{
		padding-bottom: 40px;
	}
	.slideprojects{
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 425px) {
	.navbar .container{
		padding: 0;
	}
	.boxcontacts .topinfo .row{
		padding: 0;
		margin: 0;
	}
	.boxcontacts .topinfo .companyinfo{
		padding-left: 15px;
		padding-right: 15px;
	}
	.boxcontacts .topinfo .companyinfo address{
		padding-bottom: 15px;
		margin-bottom: 0;
	}
	.boxcontacts .topinfo .maplink{
		padding: 0 10px;
		padding-top: 15px;
	}
	.boxcontacts .topinfo .maplink a{
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.boxcontacts .topinfo .maplink img{
		width: 100%;
	}
	.topinfo{
		padding-bottom: 10px;
	}
	.formcontact .submit{
		padding-bottom: 0;
		margin: 0;
	}
	.slideprojects .productinfo .img{
		height: 60vw;
	}
}