@media (max-width: 1199.98px) { 

	header .main-menu ul li+li{
		    margin-left: 25px;
	}

	.m-menu-lists{
		z-index: 999;
		top: 80px;
		left: 0;
		right: 0;
		background: #f8f9fa;
		width: 100%;
		padding: 25px;
	}

	.m-menu .d2 .bg-light{
		height: 80px;
		max-height: 80px;
	}

	.section-about .text p{
		line-height: 25px;
	}

	.section-about .text .item{
	  margin-bottom: 15px;
	}

	.section-about .text{
	  padding-top: 0px;
	}

	.section-news .rec-item{
		margin-bottom: 25px;
	}

	.in-pro-detail>.container-fluid{
	  padding-left: 0;
	  padding-right: 0;
	}

	.in-pro-detail .text{
		padding: 65px 4%;
	}



	header.main-header2 .main-menu ul li>a{
	  min-width: 80px;
	  padding: 15px 15px;
	}


	.product-main .nav-pills{
		flex-wrap: wrap;
	}

}


@media (max-width: 991.98px) { 

	header .main-menu ul li+li{
		margin-left: 15px;
	}
	.swiper1 .text{
		background: unset;
		padding: 0;
		top: calc(50% - 50px);
	}

	.section-about .div-img{
		padding: 0 0;
		margin-bottom: 25px;
	}
	.section-about .div-img img{
		width: 100%;
	}

	.section-title-right{
		position: relative;
	}
	.section-title-right .s-btn{
		position: absolute;
	    right: 0;
	    top: -40px;
	}
	.section-title-right p{
		margin-top: 25px;
	}

	.main-footer{
		background-repeat: no-repeat;
	}

	.main-footer .flinks{
		margin-top: 25px;
	}

	.m-menu{
		top: 0;
		width: 100%;
		z-index: 999;
	}

	.main-banner{
		margin-top: 80px;
	}

	.section-sp{
		padding: 65px 0;
	}

	.section-adv .lists{
		padding: 0 15px;
		align-items: unset;
		/*margin-top: 45px;*/
	}

	.section-adv .lists .item{
		margin-bottom: 25px;
	}

	.main-footer .d1{
		margin-bottom: 25px;
	}

	.main-footer .d3,.main-footer .d4{
		margin-top: 25px;
	}

	header.main-header2{
		height: 300px;
	}

	header .page-title-txt{
		bottom: 25%;
	}

	.products-content .c-left>div{
		width: 100%;
		padding: 25px 25px;
	}

	.news-section .lists a{
		padding:15px 15px;
	}

	.news-section .lists .d2{
		padding: 15px 15px;
	}

 }



@media (max-width: 767.98px) { 
	.in-pro-detail .text{
		padding: 15px 25px;
	}

	.in-pro-detail .text h2{
		font-size: 20px;
		font-weight: bold;
	}

	.in-pro-detail .text .tel{
		padding: 10px 0px 10px;
	}
	.in-pro-detail .main-content .title .d1{
		font-size: 22px;
	}
	.in-pro-detail .main-content .title .d2{
		font-size: 18px;
	}

	.in-pro-detail .content{
		padding: 15px 0 25px 0;
		min-height: 250px;
	}



 }


@media (max-width: 575.98px) { 

	.swiper1 .text h2{
		font-size: 24px;
	}

	.contact-section .d1 .tit1 font{
		display: block;
	}
 }