img{
	height: auto !important;
}
@media screen and (min-width: 1200px) and (max-width: 1365px){

}

@media screen and (min-width: 769px) and (max-width: 1199px){
	#project .w-25{
		width: 100% !important;
	}
	.project-item-mobile{
		padding: 0px 15px;
	}
	.blog-content {
		float: left;
		width: 70%;
		margin-left: 30%;
		color: #fff;
	}
	.btn-info {
		color: #fff;
		background-color: #92b700 !important;
		border-color: #92b700 !important;
		border-radius: 0px;
		margin-bottom: 10px;
		font-size: 30px !important;
	}
	.category .line {
		width: 100px;
	}
}
@media screen and (min-width: 641px) and (max-width: 768px){
	.blk-logo {
		padding: 0;
		margin-left: 12px;
	}
	.header-project {
		width: 100% !important;
	}
	img{
		max-width: 100%;
		height: auto !important;
	}
	.icon-bar{
		display: block !important;
		width: 35px;
		border: 1px solid #92b700;
		text-align: center;
		height: 35px;
		color: #92b700;
		line-height: 35px;
		top: 25px;
		position: fixed;
		font-size: 20px;
	}
	ul.parent-menu.menu-top{
		height: auto;
	}
	.blk-logo img {
		margin-top: 10px;
	}
	.blk-logo .text-center{
		text-align: left;
		padding-left: 75px;
	}
	section#header-slider {
		margin-top: 80px;
	}
	.slider .carousel-inner .item{
		height: 35vh;
	}
	#why-us .title{
		font-size: 40px;
	}
	#why-us .img-1{
		display: none;
	}
	#why-us .img-2{
		width: 100%;
		margin-top: 30px;
	}
	.popup-video{
		position: fixed;
	}
	.popup-video iframe{
		height: 400px !important;
	}
	.slide-partner-prev{
		top: 35%;
		left: 0px;
	}
	.slide-partner-next {
		top: 35%;
		right: 0px;
	}
	#contact-us hr{
		width: 100% !important;
	}
	#projectTab li{
		width: 25%;
	}
	#projectTab li a {
		font-size: 20px;
		line-height: 20px;
	}
	#project .w-25{
		width: 100% !important;
	}
	#product .btn-right {
		right: 0px;
	}
	#product .btn-left{
		left: 0px;
	}
	.parent-menu{
		display: none;
	}
	.blog-content {
		width: 100%;
		margin: 10px 0px 30px 0px;
	}
	.blog-item .created-at{
		bottom: 0px;
	}
	ul.parent-menu.menu-top li{
		width: 100%;
	}
	ul.parent-menu.menu-top li a:before{
		display: none;
	}
	.has-menu ul {
		position: relative;
		top: 0;
		opacity: 1;
		background: none;
		text-align: left;
		width: 100%;
		box-shadow: none;
	}
	.header-lang {
		position: fixed;
		right: 15px;
		top: 5px;
		z-index: 9999;
	}
	footer {
		padding: 20px 15px;
	}
	footer hr{
		width: 200px !important;
	}
	.pc-show{
		display: none;
	}
	.mobile-show{
		display: block !important;
	}
	.category .line {
		width: 130px;
	}
	#detail-product .content-left {
		margin-top: 50px;
		padding: 0px;
	}
	.category{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#slide-detail item div{
		height: auto !important;
	}
	.content-page{
		background: #1f2024 !important;
		height: auto !important;
	}
	.content-page .detail-blog{
		background: none !important;
		height: auto !important;
	}
	#contact-us{
		float: left;
		width: 100%;
	}
	/*detect mobile*/
	#why-us {
		margin-top: -5px;
	}
	.project-item-mobile {
		padding: 0px 15px;
	}
	#project .project-item-mobile .title{
		font-size: 40px;
	}
	#project .project-item-mobile .ico-search{
		top: 30%;
	}
	#detail-product .social {
		text-align: center;
		padding: 0;
	}
	#project .title-project {
		color: #fff;
		padding: 15px;
	}
	.bg-black {
		background: rgba(0, 0, 0, 0.2);
	}
	.btn-info {
		color: #fff;
		background-color: #92b700 !important;
		border-color: #92b700 !important;
		border-radius: 0px;
		margin-bottom: 10px;
	}
	#list-charity .item div{
		height: 350px !important;
		background-size: 100% 100% !important;
	}
	#project .list-project .col-xs-12{
		width: 50% !important;
	}
	#product .title{
		margin-bottom: 0px !important;
	}
	#why-us .col-xs-12{
		width: 50% !important;
	}
}
@media screen and (max-width: 640px){
	.blk-logo a{
		position: relative;
		z-index: 99999;
	}
	.collapse.show{
		background: #fff;
	}
	.owl-carousel .owl-stage{
		display: block;
		align-items: top !important;
	}
	.wrap-menu_top {
	    position: fixed;
	    top: 10px;
	    z-index: 999;
	}
	.blog-detail_title {
    font-size: 19px;
    line-height: 30px;
}
.blog-detail_left_side{
	margin-top: 10px !important;
}
	.header-project {
		width: 100% !important;
	}
	img{
		max-width: 100%;
		height: auto !important;
	}
	.icon-bar{
		display: block !important;
		width: 35px;
		border: 1px solid #92b700;
		text-align: center;
		height: 35px;
		color: #92b700;
		line-height: 35px;
		top: 25px;
		position: fixed;
		font-size: 20px;
	}
	ul.parent-menu.menu-top{
		height: auto;
	}
	.blk-logo img {
		margin-top: 10px;
	}
	.blk-logo .text-center{
		text-align: left;
		padding-left: 75px;
	}
	section#header-slider {
		margin-top: 80px;
	}
	.slider .carousel-inner .item{
		height: 35vh;
	}
	#why-us .title{
		font-size: 40px;
	}
	#why-us .img-1{
		display: none;
	}
	#why-us .img-2{
		width: 100%;
		margin-top: 30px;
	}
	.popup-video{
		position: fixed;
	}
	.popup-video iframe{
		height: 400px !important;
	}
	.slide-partner-prev{
		top: 35%;
		left: 0px;
	}
	.slide-partner-next {
		top: 35%;
		right: 0px;
	}
	#contact-us hr{
		width: 100% !important;
	}
	#projectTab li{

	}
	#projectTab li a {
		font-size: 20px;
		line-height: 20px;
	}
	#project .w-25{
		width: 100% !important;
	}
	#product .btn-right {
		right: 0px;
	}
	#product .btn-left{
		left: 0px;
	}
	.parent-menu{
		display: none;
	}
	.blog-content {
		width: 100%;
		margin: 10px 0px 30px 0px;
	}
	.blog-item .created-at{
		bottom: 0px;
	}
	ul.parent-menu.menu-top li{
		width: 100%;
	}
	ul.parent-menu.menu-top li a:before{
		display: none;
	}
	.has-menu ul {
		position: relative;
		top: 0;
		opacity: 1;
		background: none;
		text-align: left;
		width: 100%;
		box-shadow: none;
	}
	.header-lang {
		position: fixed;
		right: 15px;
		top: 5px;
		z-index: 9999;
	}
	footer {
		padding: 20px 15px;
	}
	footer hr{
		width: 200px !important;
	}
	.pc-show{
		display: none;
	}
	.mobile-show{
		display: block !important;
	}
	.category .line {
		width: 130px;
	}
	#detail-product .content-left {
		margin-top: 50px;
		padding: 0px;
	}
	.category{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#slide-detail item div{
		height: auto !important;
	}
	.content-page{
		background: #1f2024 !important;
		height: auto !important;
	}
	.content-page .detail-blog{
		background: none !important;
		height: auto !important;
	}
	#contact-us{
		float: left;
		width: 100%;
	}
	/*detect mobile*/
	#why-us {
		margin-top: -5px;
	}
	.project-item-mobile {
		padding: 0px 15px;
	}
	#project .project-item-mobile .title{
		font-size: 40px;
	}
	#project .project-item-mobile .ico-search{
		top: 30%;
	}
	#detail-product .social {
		text-align: center;
		padding: 0;
	}
	#project .title-project {
		color: #fff;
		padding: 15px;
	}
	.bg-black {
		background: rgba(0, 0, 0, 0.2);
	}
	.btn-info {
		color: #fff;
		background-color: #92b700 !important;
		border-color: #92b700 !important;
		border-radius: 0px;
		margin-bottom: 10px;
	}
	#list-charity .item div{
		height: 350px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px){
	.wrap-social_menus {
		position: relative;
	}
	.wrap-social_menus ul {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-45%, -60%);
	}
	.ul-social_menus li {
		padding: 5px;
	}
	#header-slider {
		margin-top: 20px;
	}
	#why-us {
		margin-top: 20px;
	}
	.home-title_large {
		margin-bottom: 30px;
		text-align: left !important;
	}
	.home-comment_username {
		text-align: right;
	}
	.our_customer_title {
		text-align: center;
	}
	.wrap-our_customer_item img {
		position: relative;
		margin-bottom: 2rem;
	}
	/* Blog page */
	.blog-slider_content {
		font-size: 16px;
		top: 40%;
	}
	.col-md-pr-0 {
		padding-right: 0 !important;
	}
	.col-md-pl-0 {
		padding-left: 0 !important;
	}
	.col-md-pl-15 {
		padding-left: 15px !important;
	}
	.col-md-pr-15 {
		padding-right: 15px !important;
	}
	.col-md-mt-5 {
		margin-top: 3rem !important;
	}
	.col-md-mt-1 {
		margin-top: 0.5rem !important;
	}
	.col-md-mt-2 {
		margin-top: 1rem !important;
	}
	.col-md-w-100 {
		width: 100%;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.content-slide {
	    top: 5%;
	    color: #fff;
	    font-weight: 600;
	    width: 95%;
	    left: 5%;
	}
	.form-cart{
		margin-bottom: 30px;
	}
	.content-slide h2{
	    font-size: 30px;
	}
	.content-slide a{
	    font-size: 13px;
	    padding: 10px;
	}
	.product-detail_title, .product_detail_price,.title-page, .product-detail_another_title{
		font-size: 30px;
	}
	.pr-0, .px-0{
		padding-right: 15px !important;
	}
	.col-sm-text-center {
		text-align: center !important;
	}
	.wrap-menu_actions > nav {
		padding-right: 0px;
	}
	.wrap-menu_actions > nav a:last-child {
		margin-right: 0px;
	}
	#header-slider {
		margin-top: 0px !important;
	}
	.ul-social_menus {
		width: 100%;
		display: none;
	}
	.ul-social_menus li {
		transform: none;
		margin-top: 0px;
		padding: 0;
	}
	.col-md-pr-0 {
		padding-right: 0px !important;
	}
	.home-title_small {
		font-size: 20px;
		margin-top: 2rem;
	}
	.home-title_large {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#products .home-title_small {
		font-size: 16px;
		margin-top: 0px !important;
		padding-left: 2rem;
	}
	.home-view_all {
		margin-right: 15px;
	}
	.home-wrap_product_item_img_price {
		margin: 0px 15px 0px 15px;
	}
	.home-title_large {
		margin-top: 1rem;
		margin-bottom: 30px;
		text-align: left !important;
	}
	.our_customer_title {
		text-align: center;
		margin-top: 0px;
	}
	.wrap-our_customer_item img {
		position: relative;
		margin-bottom: 2rem;
	}
	.footer-wrap_menu {
		text-align: center;
	}
	.footer-wrap_logo {
		margin-top: 1rem;
	}
	.title-page {
		font-size: 40px;
	}
	.title-sub_page {
		font-size: 17px;
	}
	/* Blog page */
	.blog-slider_content {
		top: 55%;
		width: 100%;
		font-size: 14px;
	}
	.blog-slider_name {
		font-size: 16px;
	}
	.blog-title_item {
		font-size: 20px;
	}
	/* About us */
	.about-us-title {
		font-size: 30px;
	}
	.col-md-pl-15 {
		padding-left: 15px !important;
	}
	.col-md-pr-15 {
		padding-right: 15px !important;
	}
	.col-sm-pl-2 {
		padding-left: 1rem !important;
	}
	.col-sm-pr-2 {
		padding-right: 1rem !important;
	}
	.col-md-mt-5 {
		margin-top: 3rem !important;
	}
	.col-sm-pl-4 {
		padding-left: 2rem !important;
	}
	.col-sm-ml-2 {
		margin-left: 1rem !important;
	}
	.col-sm-mr-1 {
		margin-right: 0.5rem !important;
	}
	.col-sm-text-right {
		text-align: right !important;
	}
}