@charset "utf-8";
/* CSS Document */
/*
    Theme Name: web;
    Author: bướng
*/

/*=====================================responsive====================================*/
@media (min-width: 600px) and (max-width: 992px) {
	.wp-img-title .img-tinmax {
		width: 100%;
		margin-right: 0px;
	}
}
@media (max-width: 768px) {
	.slider-for img {
		width: 100%;
	}
	.wp-logo-mb img{
		max-height: 80px;
		width: auto
	}
	.sec-slider-home .container{padding: 0;}
	.p-mb10 p {
		text-align: justify;
	}
	.input_number_product input {
		width: 90px;
	}
	.last-text-sidebar p {
		flex-wrap: wrap;
		height: auto;
		line-height: initial;
		padding: 10px;
	}
	.wp-list-tin-right {
		text-align: justify;
	}
	.wp-img-title {
		margin-bottom: 10px;
	}
	.ten-tinmax {
		float: initial;
		overflow: initial;
	}
	.img-tintuc img {
		max-width: 100%;
	}
	.img-tintuc {
		width: 100%;
		float: none;
	}
	.mota-danhmuc p {
		text-align: justify;
	}
	.wp-gt-left {
		margin-bottom: 15px;
	}
	.wp-gt-right p {
		text-align: justify;
	}
	.wp-list-video .col-md-3 {
		margin-bottom: 20px;
	}
	.list-why ul li {
		width: 33%;
		margin-bottom: 15px;
	}
}
@media (max-width: 415px) {
	.list-why ul li {
		width: 50%;
	}
	.footer-bottom p span:last-child{display: none;}
}
/*css menu mobile*/
@media (max-width: 991px) {
	#nav-mobile .ul_mobile {
	    width: 100%;
	    float: left;
	    background: #167edf;
	    padding-bottom: 30px;
	}
	#nav-mobile li.avatar {
	    width: 100%;
	    float: left;
	    height: 45px;
	    text-align: center;
	    padding: 15px 0;
	    margin-bottom: 25px;
	    border-bottom: solid 1px #fff;
	    background: #fff;
	}
	#nav-mobile li.avatar img {
	    width: 50px;
	    height: 50px;
	    position: relative;
	    z-index: 1;
	    border-radius: 50%;
	    border: solid 3px #ebebeb;
	}
	#nav-mobile li.item_li {
	    width: 50%;
	    float: left;
	    border-top: solid 1px #167edf;
	    border-bottom: solid 1px #167edf;
	    text-align: center;
	}
	#nav-mobile li.item_li:nth-child(2) {
	    border-right: solid 1px #167edf;
	}
	#nav-mobile li.item_li a {
	    display: block;
	    color: #fff;
	    padding: 0 15px;
	    text-transform: unset;
	}
	#nav-mobile li.item_li:last-child {
	    width: 100%;
	    border-top: 0px;
	    border-bottom: solid 1px #167edf;
	    padding-bottom: 15px;
	    margin-top: 10px;
	}
}