/* 1199 */

@media screen and (max-width: 1199.5px) {
	.menu ul li a{
		padding:0px 10px;
	}
	.header .search{
		flex:0 0 200px;
		max-width: 200px;
	}
	.sidebar-products{
		margin-top: 20px;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.menu--header,
	.header--content,
	.header-top:after,
	.menu-to{
		display: none !important;
	}
	.header{
		box-shadow: 0 0 5px #ccc;
	}
	.header .logo img{
		max-width: 150px;
	}
	.mb-mobile{
		margin-bottom: 20px;
	}
	.site-services .img{
		display: none !important;
	}
	.site-faq .items .js-dropdown{
		line-height: 1.5;
	}
	.page-single-custom .button a{
		margin-bottom: 10px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header-top--title{
		font-size: 90%;
	}
	body,html{
		font-size: 14px;
	}
	.items-category h3{
		font-size: 90%;
		line-height: 1.3;
	}
	.site-quytrinh .images{
		margin-top: 10px;
	}
	.title-main .heading{
		line-height: 1.3;
	}
	.menu-ft{
		margin-bottom: 20px;
	}
	.site-dn .items .icon{
		flex:0 0 45px;
		max-width: 45px;
	}
	.header .logo{
		padding:5px 0px;
	}
	.break--custom{
		display: block;
	}
	.break--custom .toal{
		margin-top: 20px;
	}
	.information-single{
		margin-top: 20px;
	}
	.content-single{
		padding:20px 10px;
	}
	.sidebar-bottom{
		margin-top: 20px;
	}
	.pp-checkout .content{
		max-width: 95%;
	}
	.pp-checkout .content .col-custom:first-child{
		margin-bottom: 20px;
	}
	.items-news .content{
		padding:10px;
	}
	.site-bvlq .items-news .content p{
		display: none;
	}
	.widget-area{
		margin-top: 30px;
	}
	.site-feedback .content{
		padding:7px;
		margin-top: -30px;
		max-width: 100%;
		font-size: 14px;
		line-height: 1.5;
	}
	.site-feedback .slick-feedback .slick-slide{
		padding:0px 7.5px;
	}
	.site-feedback .slick-feedback{
		margin:0px -7.5px;
	}
	.site-about--bottom .items--content{
		text-align: center;
		font-size: 13px;
		padding-right: 5px;
	}
	.items-category h3{
		padding:10px 5px !important; 
	}
	.footer-content{
		margin-bottom:20px;
	}
	.site-dn{
		display:none;
	}
	.title-main{
		margin-bottom:30px;
	}
	.site-category .category .col-6:nth-child(3n+3){
		flex:0 0 100%;
		max-width:100%;
	}
	.site-banner img{
		height:200px;
	}
	.header .logo{
		display:flex;
		align-items:center;
	}
	.header .logo img{
		max-width:130px;
	}
	.header .search{
		max-width:160px;
		padding-left:10px;
	}
	.header .search form input{
		font-size:14px;
	}
	.header .logo .search{
		display:block;
	}
}