@charset "utf-8";

@media (max-width: 1680px) {
	.nav-list ul li a{
		padding-left: 20px;
		padding-right: 20px;
	}
	.nav-logo{
		margin-left: 30px;
	}
	.nav-list{
		margin-right: 30px;
	}
	.home-about-text{
		top: 20%;
	}
	.home-about-text h4{
		font-size: 35px;
	}
	.home-about-text h5{
		font-size: 22px;
	}
	.home-about-text p{
		margin-top: 10%;
	}
}
@media (max-width: 1440px) {
	.nav-list ul li a{
		padding-left: 12px;
		padding-right: 12px;
	}
	.home-about-text{
		top: 17%;
	}
}
@media (max-width: 1366px) {
	.nav-list ul li a{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 1560px) {
	.nav-min-btn{
		display: block;
	}
	.nav-list{
		display: none;
	}
}
@media (max-width: 1360px) {
	.nav-min-btn{
		display: block;
	}
	.nav-list{
		display: none;
	}
	.nav-list{
		position: absolute;
		top: 25px;
		right: 90px;
		background-color: #97233f;
		border-radius: 6px;
		margin-right: 0px;
		float: none;
    	margin-top: 0px;
    	overflow: hidden;
    	border: 1px solid rgba(255,255,255,0.2);
	}
	.nav-list ul li{
		display: block;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.nav-list ul li:last-child{
		border-bottom: none;
	}
	.nav-list ul li a{
		display: block;
		color: #ffffff;
		height: 35px;
		line-height: 35px;
		padding-left: 25px;
		padding-right: 25px;
		border-radius: 0px;
		font-size: 14px;
		font-weight: normal;
		text-align: center;
	}
}
@media (max-width: 1200px) {
 .float-phone-btn{
		display: block;
	}
	.container{
		width: 100%;
	}
	.phonenav{
		display: block;
	}
	#homePhoneBanner{
		display: block !important;
	}
	.home-banner{
		display: none;
	}
	.home-search{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.home-search h5{
		font-size: 16px;
		line-height: 22px;
	}
	.home-search p{
		font-size: 14px;
		line-height: 24px;
	}
	.home-search p strong{
		font-size: 18px;
	}
	.home-search-box{
		width: 100%;
	}
	.home-search-box input{
		height: 40px;
		border-radius: 20px;
		padding-left: 20px;
		padding-right: 45px;
		font-size: 12px;
	}
	.home-search-box button{
		right: 18px;
		top: 9px;
		font-size: 16px;
	}
	.home-products-item{
		margin-bottom: 15px;
	}
	.home-products-text{
		padding: 15px 25px;
	}
	.home-products-text h5{
		font-size: 16px;
	}
	.home-products-text ul{
		margin-top: 5px;
	}
	.home-about{
		display: none;
	}
	#homePhoneAbout{
		display: block !important;
	}
	.home-services{
		padding-top: 30px;
	}
	.home-services-img{
		width: 100%;
	}
	.home-services-text{
		width: 100%;
		padding: 15px 20px;
	}
	.home-services-text h4{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.home-services-text h4 span{
		font-size: 16px;
	}
	.home-services-text h5{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.home-services-text p{
		font-size: 12px;
	}
	.home-cases{
		padding-top: 30px;
	}
	.home-cases-owl{
		padding-left: 0px;
		padding-right: 0px;
	}
	.home-cases-owl-left{
		display: none;
	}
	.home-cases-owl-right{
		display: none;
	}
	.home-news{
		padding-top: 30px;
	}
	.home-news-title{
		float: none;
		width: 100%;
		height: auto;
		padding: 25px 0;
	}
	.home-news-title h4{
		margin-top: 0px;
		margin-left: 0px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.home-news-title h5{
		margin-left: 0px;
		font-size: 24px;
		margin-top: 10px;
		text-align: center;
	}
	.home-news-box{
		float: none;
		width: 100%;
		height: auto;
	}
	.home-news-box h4{
		font-size: 16px;
		margin-top: 0px;
	}
	.home-news-box .col-md-4{
		border-bottom: 1px solid #ffffff;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.home-news-box .col-md-4:last-child{
		border-bottom: none;
	}
	.home-news-box h5{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.home-news-box p{
		font-size: 12px;
		color: #ffffff;
		line-height: 20px;
		max-height: 100%;
		overflow: auto;
	}
	.home-patner{
		padding-top: 30px;
		margin-bottom: 30px;
	}
	.home-patner-title{
		float: none;
		width: 100%;
		height: auto;
		padding: 25px 0;
	}
	.home-patner-title h4{
		margin-top: 0px;
		margin-left: 0px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.home-patner-title h5{
		margin-left: 0px;
		font-size: 24px;
		margin-top: 10px;
		text-align: center;
	}
	.home-patner-box{
		float: none;
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.home-patner-row ul li{
		width: 33.3333334%;
		float: left;
	}
	.home-bottom-info-item{
		width: 100%;
		float: none;
	}
	.home-bottom-info-text{
		top: 25%;
		left: 30px;
	}
	.home-bottom-info-text h5{
		font-size: 18px;
	}
	.home-bottom-info-text p{
		font-size: 12px;
		margin-top: 10px;
	}
	.footer-nav{
		display: none;
	}
	.footer-content{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.footer-content-logo{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.footer-content-info{
		float: none;
		margin-left: 0px;
		margin-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-content-info li{
		line-height: 24px;
	}
	.footer-content-media{
		float: none;
		margin-top: 10px;
		text-align: center;
	}
	.footer-bottom p{
		float: none;
		text-align: center;
		font-size: 12px;
	}
	.footer-bottom h5{
		float: none;
		text-align: center;
		font-size: 12px;
	}
	.footer-bottom{
		padding-bottom: 30px;
	}
	.nav-main{
		display: none;
	}
	.page-banner-img{
		display: none;
	}
	.page-banner-img-phone{
		display: block;
	}
	.page-banner-title{
		top: 35%;
	}
	.page-banner-title h1{
		font-size: 28px;
	}
	.breav-nav ul{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.breav-nav ul li{
		font-size: 12px;
	}
	.breav-nav ul li a{
		font-size: 12px;
	}
	.about-page{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.left-slider{
		margin-bottom: 30px;
	}
	.products-list-content h1{
		font-size: 20px;
	}
	.products-list-content p{
		line-height: 24px;
		font-size: 14px;
	}
	.products-list-content hr{
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	.products-list-item{
		margin-bottom: 20px;
	}
	.products-list-item p{
		padding: 5px 15px;
		font-size: 12px;
	}
	.page-list{
	}
	.page-list ul li{
		font-size: 12px;
		margin-left: 1px;
		margin-right: 1px;
	}
	.page-list ul li a{
		padding: 3px 5px;
	}
	.products-show-content h1{
		font-size: 20px;
	}
	.products-show-content p{
		line-height: 24px;
		font-size: 14px;
	}
	.products-show-content hr{
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	.products-show-img p{
		padding: 5px 15px;
		font-size: 12px;
	}
	.home-cases-item-text{
		padding: 15px 20px;
	}
	.home-cases-item-text p{
		max-height: 100%;
		overflow: auto;
	}
	.about-bottom-info{
		font-size: 14px; 
	}
	.about-bottom-info a{
		line-height: 24px;
		padding: 10px 20px;
	}
	.about-bottom-info:hover{
		font-size: 14px;
	}
	.products-show-content .about-bottom-info{
		margin-top: 20px;
	}
	.gallery-box{
		margin-top: -260px;
		width: 360px;
		height: 520px;
	}
	.gallery-img-small-box{
		height: 100px;
		overflow-y: auto;
	}
	.page-content p{
		line-height: 24px;
		font-size: 14px;
	}
	.page-content h1{
		font-size: 20px;
	}
	.page-content h4{
		font-size: 16px;
	}
	.page-content hr{
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	.news-page{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.news-list-item-text{
		padding: 20px;
	}
	.news-list-item-text h4{
		max-height: 100%;
		overflow: auto;
	}
	.news-list-item-text p{
		max-height: 100%;
		overflow: auto;
	}
	.news-show-content h4{
		font-size: 20px;
	}
	.news-show-content h5{
		font-size: 12px;
	}
	.news-show-content hr{
		margin-top: 15px;
    	margin-bottom: 15px;
	}
	.hardox-page{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.hardox-page h1{
		font-size: 24px;
		margin-top: 10px;
	}
	.hardox-page p{
		line-height: 24px;
		font-size: 14px;
	}
	.collapse-title{
	    font-size: 14px;
	    line-height: 16px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    padding-right: 40px;
	}
	.collapse-title strong{
		font-size: 18px;
	}
	.contact-page{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.contact-bg{
		padding: 20px;
	}
	.contact-info ul li{
		line-height: 24px;
	}
	.contact-info dl{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.phone-none{
		display: none;
	}
	.phone-img-marginbottom{
		margin-bottom: 15px;
	}
	.floattel{
		display: none;
	}	
	
	
	.bottom-float{
		width: 80%;
		top: 20%;
	}
	
	
	
	
	
	
	
	
}