/* 1199 */

@media screen and (max-width: 1199.5px) {
	.header{
		margin-top: 0;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.header .menu,
	.header .button,
	.header-menu{
		display: none;
	}
	.header .logo img{
		max-width: 300px;
	}
	.header .header--infor{
		padding-top: 10px;
	}
	.site-banner .items{
		height: 400px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header .logo{
		padding: 10px 0px;
	}
	.header .header--infor{
		display: none;
	}
	.site-banner .items .content{
		max-width: 100%;
	}
	.site-banner .items{
		height: 300px;
	}
	.site-banner .items h2{
		font-size: 150%;
	}
	.site-banner .items p{
		font-size: 90%;
	}
	.site-about .content-about{
		padding-left: 0;
	}
	.title-main .heading{
		font-size: 150%;
	}
	.items-products h3 a{
		font-size: 100%;
	}
	.site-news .items-news{
		height: auto;
		margin-block: 20px;
	}
	.footer .the_content{
		text-align: left;
	}
	.coppryight{
		text-align: center;
		margin-top: 20px;
		justify-content: center;
	}
	.coppryight img{
		display: none;
	}
	.header .logo img{
		max-width: 250px;
	}
	.order-md-2{
		order: 2;
	}
	.page-banner{
		height: 200px;
	}
	.items-archive-products .content p{
		margin:10px 0px;
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 2;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
		font-size: 13px;
	}
	.items-archive-products .btn{
		min-width: 100px;
		padding: 0px 10px;
		height: 35px;
		font-size: 14px;
	}
	.items-archive-products .content h3 a{
		font-size: 100%;
	}
	.sidebar{
		margin-top: 20px;
	}
	.contact-form{
		margin-top: 20px;
	}

}