* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
		transition: all 0.2s ease 0s;
	}

img {
	transition: all 0.4s ease 0s;
	max-width: 100%;
}

h3 {
	margin: 0;
}

h4, h5 {
	margin-top: 0;
	margin-bottom: 5px;
}

p {
	margin: 0 0 5px;
}

textarea {
	width: 100%;
}
/* banner */
@media (min-width: 1200px) {
	.container {
		width: 1200px !important;
	}
}

.owl-dots {
	display: none
}

.top-header {
	background-color: #4267b2;
	width: 100%;
}

.top-right {
	width: 50%;
	float: left;
	color: rgba(255,255,255,.8);
}

.top-left {
	width: 50%;
	float: right;
	text-align: right;
}

	.top-left span {
		font-size: 14px;
	}

	.top-left .fa {
		font-size: 14px !important;
	}

.top-header .container {
	line-height: 32.8px;
}

.top-header p {
	margin-bottom: 0;
	line-height: 32px;
	color: #fff;
	font-weight: bold;
}

.top-header .top-right ul {
	list-style: none;
	display: flex;
	margin: 0;
}

	.top-header .top-right ul li a, .top-header .top-left ul a {
		color: rgba(255,255,255,.8);
		font-size: 12px;
		margin: 5px;
		padding-right: 10px;
	}

.top-header .top-left ul {
	display: flex;
	float: right;
	list-style: none;
	margin: 0;
}

	.top-header .top-right ul li:not(:last-child) a, .top-header .top-left ul li:not(:last-child) a {
		border-right: 1px solid rgba(255,255,255,.8);
	}

.top-header .top-right ul li a:hover {
	color: #fff;
}

.top-right p {
	text-transform: uppercase;
}

.top-left a {
	color: #fff;
	font-size: 16px;
}
/* menu */
.dtt-navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	border-bottom: 2px solid #1876f0;
}
.desktop-logo{
	padding-top: 10px;
	padding-bottom: 10px;
}
.header-logo {
	line-height: 100px;
	text-align: center;
}

.dtt-collapse {
	float: left;
}

.dtt-navbar-nav li a {
	font-size: 15px;
	padding: 0 0 0 23px;
	line-height: 83px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	padding-top: 5px;
}

#menu-main-menu li.menu-item-has-children:hover > ul {
	display: block;
}

.dropdown-menu.sub-menu {
	top: auto;
	margin-top: -40px;
}

#menu-main-menu > li.menu-item-has-children > a::after {
	content: "\f107";
	font-family: fontawesome;
	margin-left: 5px;
	font-weight: 300;
	color: #555;
}

#menu-main-menu .dropdown-menu.sub-menu > li.menu-item-has-children > a::after {
	content: "\f105";
	font-family: fontawesome;
	margin-left: 5px;
	font-weight: 300;
	color: #fff;
}

#menu-main-menu .dropdown-menu.sub-menu > li.menu-item-has-children > .dropdown-menu.sub-menu {
	left: 99%;
}

.dtt-navbar-nav > li:first-child {
	margin-left: -15px;
}

.dtt-navbar-nav .active a {
	/* color: #4267b2; */
}

.dtt-navbar-nav li a:hover, .dtt-navbar-nav > li > a:focus {
	background: #fff0;
	color: #008fe5;
}

.dtt-dropdown:hover .sub-menu {
	display: inherit;
	margin-top: 0;
	top: 0;
}

.sub-menu {
	padding: 0;
	background-color: #fff;
	border-radius: 0;
}

	.sub-menu li {
		border-bottom: 1px solid #c0c0c0;
		background: #4267b2;
		position: r;
	}

		.sub-menu li:last-child {
			border-bottom: 0;
		}

		.sub-menu li a {
			color: #fff;
			font-size: 14px;
			line-height: 40px;
			font-weight: 300;
		}

		.sub-menu li:hover {
			background: #FFF;
		}

	.sub-menu > li:hover > a {
		color: #762B18;
	}

.navbar-fixed-top {
	background-color: #762B18;
}

.search .input-group {
	margin-top: 8px;
}

	.search .input-group .form-control:focus {
		z-index: 0;
	}

.search .form-control {
	border: 0;
	border-radius: 0;
	height: 40px;
	font-size: 12px;
}

.search .btn-default {
	border: 0;
	border-radius: 0;
	height: 40px;
}
/* info */
.info {
	margin-bottom: 20px;
}

.info-col-2 {
	padding: 0;
}

.info-col-3 {
	padding-left: 0;
}

.info-icon {
	float: left;
	margin-right: 10px;
	line-height: 50px;
}

.fa-money, .fa-calendar, .fa-gift {
	font-size: 25px;
	color: #64220C;
}

.info-text {
	display: inline-block;
}

	.info-text h4 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 17px;
		color: #000;
	}

.info-other {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
}

/* content-home */
.content-home {
	margin-top: 20px;
}
/* side-slider */

.glyphicon-menu-hamburger {
	font-size: 0px;
	background-color: #000000;
	float: left;
	padding: 4px;
	height: 40px;
	top: 0;
}

.bar-title > h5 {
	text-transform: uppercase;
	background-color: #4267b2;
	color: #fff;
	padding: 8px 8px 8px 45px;
	line-height: 24px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}

.bar-spnb .bar-title > h5 {
	position: relative;
	display: inline-block;
}

.bar-spnb .bar-title, .bar-title {
	background: #f8f8f8;
}

	.bar-title > h5 {
		padding-left: 10px;
		position: relative;
		display: inline-block;
	}

		.products-home .bar-title h5::before, .slider-footer .bar-title h5::before, .bar-spnb .bar-title > h5::before, .bar-title > h5:before {
			content: "";
			border-top: 40px solid #476bb3;
			border-right: 40px solid #f8f8f8;
			position: absolute;
			top: 0;
			right: 0%;
			transform: translate(100%,0%);
		}

.bar-dmsp {
	background-color: #efefef;
	margin-bottom: 20px;
}

	.bar-dmsp ul {
		margin: 0 10px 0 22px;
	}

		.bar-dmsp ul li {
			list-style: square;
			color: #762B18;
			font-size: 15px;
			border-bottom: 1px solid #ccc;
		}

			.bar-dmsp ul li:last-child {
				border: 0;
			}

	.bar-dmsp li a {
		color: #333;
		font-size: 15px;
		padding: 7px 0;
		display: block;
	}

		.bar-dmsp li a:hover {
			color: #c93702;
		}

	.bar-dmsp .glyphicon-triangle-right {
		float: right;
		font-size: 12px;
	}

.slider {
	margin-bottom: 20px;
	margin-left: -10px;
}

.dtt-carousel .item img {
	height: 600px !important;
	margin: 0 auto;
	width: 100%;
}

.bar-hotro {
	margin-bottom: 20px;
}

.ho-tro {
	background-color: #efefef;
}

.ht-text {
	padding: 20px 0 5px;
	margin: 0 15px;
}

.ht-border {
	border-bottom: 2px solid #64220C;
}

.ht-text img {
	border-right: 2px solid #64220C;
	padding-right: 10px;
	float: left;
	margin-right: 10px;
}

.user span {
	display: inline-block;
}

.user-name {
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}

.user-phone {
	font-size: 23px;
	font-weight: bold;
	color: #ef0000;
}

.bar-camnang, .bar-spnb {
	margin-bottom: 20px;
}

	.bar-camnang .dtt-glyphicon {
		float: left;
		margin-right: 5px;
		line-height: 21px;
	}

	.bar-camnang .bar-dmsp ul {
		margin: 0 10px;
	}

		.bar-camnang .bar-dmsp ul li {
			list-style: none;
		}

.bar-ul li a {
	font-weight: 600;
}

.bar-spnb .bx-wrapper {
	border: 0;
	padding: 15px;
	background-color: #EFEFEF;
	margin-bottom: 0;
}

.bx-controls.bx-has-pager {
	display: none;
}
/******** carousel-sidebar*******/
.vertical .carousel-inner {
	height: 100%;
}

.vertical .item {
	-webkit-transition: 0.6s ease-in-out bottom;
	-moz-transition: 0.6s ease-in-out bottom;
	-ms-transition: 0.6s ease-in-out bottom;
	-o-transition: 0.6s ease-in-out bottom;
	transition: 0.6s ease-in-out bottom;
}

.vertical .active {
	bottom: 0;
}

.vertical .next {
	bottom: 400px;
}

.vertical .prev {
	bottom: -400px;
}

.vertical .item {
	left: 0;
}

.vertical .carousel-inner .item img {
	height: 250px;
	width: 100%;
}

.item .pro-sp {
	margin-bottom: 10px;
	padding: 15px 15px 0;
}

	.item .pro-sp h5 {
		margin-bottom: 5px;
	}
/* products-home */
.products-home {
	/*  margin-left: -10px; */
	margin-bottom: 30px;
}

	.products-home .bar-title {
		background: #f8f8f8;
		margin-bottom: 20px;
	}

		.products-home .bar-title h5 {
			display: inline-block;
			padding-left: 10px;
			position: relative;
		}

	.products-home .glyphicon-menu-hamburger {
		line-height: 42px;
	}

	.products-home .bar-title a {
		color: #333;
		float: right;
		font-size: 13px;
		font-weight: 600;
		margin-top: 7px;
		padding: 6px 0;
	}

.bar-title a:hover {
	transform: translateY(-3px);
}

.products-home .fa-arrow-circle-right {
	margin-left: 5px;
}

.pro-row {
	margin-bottom: 20px;
}

.pro-sp {
	text-align: center;
}

	.pro-sp img {
		width: 100%;
		height: auto;
	}

	.pro-sp h5 {
		font-weight: bold;
		margin-bottom: 0;
	}

		.pro-sp h5 a {
			color: #333;
			display: block;
			font-size: 15px;
			padding: 10px 0 15px;
		}

	.pro-sp p {
		font-weight: bold;
		color: #ef0000;
	}

.pro-regular {
	color: #8e8e8e;
	font-weight: bold;
	font-size: 15px;
}

.pro-onsale {
	font-weight: bold;
	color: #ef0000;
	font-size: 18px;
}
/* slider-footer */
.slider-footer .bar-title {
	background: #f8f8f8;
	margin-bottom: 15px;
}

	.slider-footer .bar-title h5 {
		display: inline-block;
		padding-left: 10px;
		position: relative
	}

.slider-footer .glyphicon-menu-hamburger {
	line-height: 42px;
}

.slider-footer .bar-title a {
	color: #333;
	float: right;
	font-size: 13px;
	font-weight: 600;
	margin-top: 9px;
	padding: 6px 0;
}

.slider-footer .fa-arrow-circle-right {
	margin-left: 5px;
}

.slider-footer .bx-wrapper {
	box-shadow: 0 0 0 #ccc;
	margin-bottom: 25px;
}

	.slider-footer .bx-wrapper h5 {
		text-align: center;
	}

		.slider-footer .bx-wrapper h5 a {
			font-size: 15px;
			font-weight: bold;
			color: #333;
			padding: 8px;
			display: block;
		}
/* footer */
.footer {
	background-color: #efefef;
	padding: 30px 0;
}

.footer-col4 {
	border-right: 1px solid #ccc;
	min-height: 230px;
}

	.footer-col4:last-child {
		border-right: 0;
	}

.footer-col h4, .footer-fb h4 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

.lienhe-ul ul {
	list-style: none;
}

.lienhe-ul li {
	line-height: 40px;
}

	.lienhe-ul li .fa {
		font-size: 16px;
		border: 1px solid #c0c0c0;
		border-radius: 50%;
		margin-right: 10px;
	}

	.lienhe-ul li .fa-map-marker {
		padding: 6px 10px;
		color: #ef0000;
	}

	.lienhe-ul li .fa-mobile {
		padding: 5px 11px;
	}

	.lienhe-ul li .fa-envelope {
		padding: 6px;
	}

.footer-social ul {
	list-style: none;
}

.footer-social li {
	float: left;
	padding-right: 10px;
}

	.footer-social li a {
		color: #fff;
	}

.footer-social .fa {
	font-size: 18px;
	border-radius: 50%;
}

.footer-social {
	display: inline-block;
	padding-top: 10px;
}

.fa-facebook {
	padding: 12px 16px;
	background-color: #2D5F9A;
}

.fa-twitter {
	padding: 12px 12px;
	background-color: #1EC6B6;
}

.fa-youtube {
	padding: 12px 13px;
	background-color: #cc181e;
}

.fa-google-plus {
	padding: 12px 9px;
	background-color: #bd081c;
}

.footer-social .fa-skype {
	background-color: #00aff0;
	padding: 12px 13px;
}
.custom-logo{max-height: 70px;}
.fa-instagram {
	padding: 12px 13px;
	background-color: #405de6;
}

.tintuc-ul ul {
	list-style: none;
}

.tintuc-ul li a {
	color: #333;
	line-height: 30px;
}

.tintuc-ul .glyphicon-triangle-right {
	padding-right: 8px;
	font-size: 12px;
}

.footer-col img {
	height: 190px;
}

.footer-fb iframe {
	width: 100%;
	height: 220px !important;
}
/* copyright */
.copyright {
	padding: 12px 0;
	font-size: 15px;
}

.cop-right {
	float: right;
}
/* totop */
/* top_top */
.to_top {
	position: fixed;
	bottom: 30%;
	right: 40px;
	display: none;
}

.scrollToTop {
	padding: 6px 14px;
	background: #666;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	display: inline-block;
}

	.scrollToTop:visited, .scrollToTop:hover {
		color: #fff;
	}
/* phone_fixed */
.alo_phone {
	background-color: transparent;
	bottom: 28px;
	cursor: pointer;
	height: 60px;
	left: 30px;
	position: fixed;
	visibility: visible;
	width: 60px;
	z-index: 9999;
}

.alo-ph-circle {
	background-color: transparent;
	border: 2px solid #00aff2;
	border-radius: 100%;
	height: 65px;
	left: -7px;
	opacity: 0.5;
	position: absolute;
	top: 6px;
	width: 65px;
}

.alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	border: 2px solid transparent;
	border-radius: 100%;
	height: 50px;
	left: 1px;
	opacity: 0.75;
	position: absolute;
	top: 14px;
	transition: all 0.5s ease 0s;
	width: 50px;
}

.alo-ph-img-circle {
	background: #00aff2 url("images/phone.png") no-repeat scroll center center;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 25px;
	left: 13px;
	opacity: 0.7;
	position: absolute;
	top: 27px;
	transform-origin: 50% 50% 0;
	transition: all 0.2s ease-in-out 0s;
	width: 25px;
}

.alo_phone > span {
	background-color: #A55100;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	left: -20px;
	padding: 3px;
	position: absolute;
	top: 53px;
}
/* content-post */

.content-post {
	padding: 20px 0;
	font-size: 16px;
}

.cat-content {
	display: inline-block;
	padding-bottom: 15px;
	width: 100%;
}

.cat-img {
	float: left;
	width: 40%;
}

	.cat-img img {
		width: 100%;
	}

.cat-text {
	float: left;
	padding-left: 15px;
	width: 60%;
}
/* category */
.bar-post {
	overflow: hidden;
}

.post-text {
	padding: 10px;
}

	.post-text p {
		font-size: 14px;
	}


	.post-text h5 a {
		font-size: 16px;
		font-weight: bold;
	}

	.post-text .fa {
		color: #FFAC00;
	}

	.post-text .moretag {
		display: inline-block;
		color: #fff;
		background-color: #4267b2;
		padding: 4px 10px;
		margin-top: 5px;
	}

.calendar {
	padding: 5px 0;
}

.sidebar {
	padding-bottom: 30px;
}

.sidebar-dmsp, .sidebar-menu {
	margin-bottom: 20px;
}

.sidebar-title {
	background-color: #337AB7;
	color: #fff;
	padding: 10px 0;
	text-align: center;
}

	.sidebar-title h4 {
		margin-bottom: 0;
		text-transform: uppercase;
	}

.sidebar-cate {
	border: 1px solid #337AB7;
}

	.sidebar-cate ul {
		margin-bottom: 0;
		padding: 0 10px;
	}

	.sidebar-cate li {
		padding: 8px 0;
		border-bottom: 1px solid #c0c0c0;
		font-size: 16px;
	}

		.sidebar-cate li:last-child {
			border-bottom: none;
		}

		.sidebar-cate li a {
			color: #337AB7;
		}

			.sidebar-cate li a:hover {
				color: #000;
			}

.fa-hand-o-right {
	padding-right: 10px;
}

.sidebar-cont {
	padding: 0 8px;
}

.sidebar-tt {
	padding: 8px 0;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dce0e0;
}

	.sidebar-tt:last-child {
		border-bottom: 0;
	}

.sidett-img {
	float: left;
	width: 30%;
}

	.sidett-img img {
		width: 100%;
	}

.sidett-contents {
	width: 70%;
	float: left;
	padding-left: 8px;
}

	.sidett-contents h5 {
		font-size: 16px;
	}
/* pagination */
.navigation.pagination {
	text-align: center;
	display: inherit;
}

.number-pagination {
	padding: 5px 10px;
	border: 1px solid #c0c0c0;
}

	.number-pagination:hover {
		background-color: #c0c0c0;
		color: #fff;
	}

.pt-glyphicon {
	line-height: 16px;
	top: 2px;
}
/* single */

.single-col .single-content {
	margin-bottom: 30px;
	min-height: 1000px;
}

.single-content h1 {
	border-bottom: 2px solid #64220c;
	color: #64220c;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: none;
	margin-top: 10px;
}

.single_product h2, .relate-tabs h2 {
	font-size: 24px;
}

.single_product h3, .relate-tabs h3 {
	font-size: 20px;
}

.single-content p img {
	margin: 15px auto;
}

.related_posts .bar-title {
	margin-bottom: 20px;
}

	.related_posts .bar-title h5 {
		display: inline-block;
		padding-left: 10px;
		/*  width: 25%; */
	}

.related_posts .glyphicon-menu-hamburger {
	line-height: 42px;
}

.pt-category li {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	list-style: inside none square;
	padding: 3px 0;
}

.pt-category a {
	color: #444;
}

.fb-comments {
	width: 100%;
}

	.fb-comments > span {
		width: 100% !important;
	}

	.fb-comments iframe {
		width: 100% !important;
	}

.wp-caption {
	width: auto !important;
}
/* author */
.content-author {
	display: inline-block;
}

.author-avatar {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #762b18;
}

.breadcrumb {
	background-color: #f5f5f5;
	border-radius: 0;
}
/* single-product */
#content {
	margin-top: 40px;
}

.container-products {
	font-size: 15px;
}

.search .form-control {
	height: 36px;
}

.search .btn-default {
	height: 36px;
}
/* .sidebar-col3 {
    margin-top: 15px;
} */
.price {
	font-size: 20px;
}

	.price ins span {
		color: red;
		font-weight: bold;
	}

.single_add_to_cart_button {
	background-color: red;
	border: 1px solid red;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	margin: 5px 0;
}

.cart {
	padding: 20px 0;
}

.input-text {
	padding: 3px;
}

.description-pro {
	min-height: 100px;
}

.woocommerce-breadcrumb {
	padding: 8px 10px;
	background-color: #F5F5F5;
	margin-bottom: 15px;
}

.dtt-img img {
	width: 100%;
	height: 408px;
	border: 3px solid #dce0e0;
}

.onsale {
	background-color: #64220c;
	padding: 12px 10px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 9999;
	top: 25px;
}

.single-pri .pro-regular {
	font-weight: inherit;
	font-style: italic;
}

	.single-pri .pro-regular span {
		color: #64220c;
	}

.single-pri .pro-onsale {
	color: #64220c;
	font-size: 24px;
}

.product_meta span {
	display: inline-block;
}

.thumbnails {
	padding: 15px 0;
	text-align: center;
}

	.thumbnails img {
		border: 3px solid #dce0e0;
		margin: 2px;
	}

.woocommerce-product-gallery {
	position: relative;
}

.images .glyphicon-search {
	background-color: #fff;
	border-radius: 50%;
	font-size: 25px;
	padding: 6px;
	position: absolute;
	right: 10px;
	top: 30px;
	z-index: 999999;
}

.flex-control-thumbs {
	list-style: outside none none;
	margin-top: 20px;
}

	.flex-control-thumbs > li {
		float: left;
		width: 20%;
	}

	.flex-control-thumbs li img {
		padding: 3px;
	}

.gia-tt {
	margin-bottom: 20px;
}

.single-row h3 {
	padding-bottom: 10px;
}

.single-row ul {
	padding-left: 15px;
}

.single-pri h3 {
	font-size: 20px;
	margin: 15px 0;
}

.single-pri ul {
	padding-left: 15px;
}

.relate-tabs {
	border-top: 1px dashed #c0c0c0;
	display: inline-block;
	margin-left: 0;
	margin-top: 10px;
	padding-top: 20px;
}

	.relate-tabs h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}

.panel {
	min-height: 250px;
	border: 0;
	box-shadow: none;
	margin-bottom: 40px;
}

.related {
	padding-bottom: 30px;
}

#tab-description ul {
	padding-left: 15px;
}

#tab-reviews {
	padding-bottom: 20px;
}

.comment-form label {
	min-width: 100px;
}

.related .bar-title {
	border-bottom: 2px solid #64220c;
	margin-bottom: 20px;
}

.bar-title .more_product {
	color: #000;
	float: right;
}

	.bar-title .more_product .fa {
		margin-left: 5px;
	}

.related .bar-title h5 {
	display: inline-block;
	padding-left: 10px;
	width: 25%;
}

.related .glyphicon-menu-hamburger {
	line-height: 42px;
}

.woocommerce-pagination .page-numbers {
	text-align: center;
	list-style: none;
	margin-top: 40px;
}

	.woocommerce-pagination .page-numbers li {
		display: inline-block;
		padding: 3px 10px;
		border: 1px solid #c0c0c0;
	}

.archive-products {
	margin-left: -10px;
}
/* MEDIA QUERIES */
@media screen and (max-width: 1199px) {
	.container {
		/* width: 1170px; */
	}
}

@media screen and (max-width: 991px) {
	.container {
		/* width: 970px; */
	}

	.dtt-navbar-nav li a {
		padding: 0 13px;
		font-size: 14px;
		line-height: 30px;
	}

	.info1 {
		text-align: center;
	}

	.info-icon {
		float: inherit;
		margin-right: 0;
	}

	.glyphicon-menu-hamburger {
		padding: 0 7px;
	}

	.bar-title h5 {
		font-size: 13px;
	}

	.ht-text {
		margin: 0 6px;
		padding: 20px 0 5px;
	}

	.user-phone {
		font-size: 20px;
	}

	.pro-sp h5 a {
		font-size: 14px;
	}

	.bar-dmsp li a {
		font-size: 14px;
	}

	.bar-camnang .bar-dmsp ul {
		margin: 0 6px;
	}

	.footer-social li {
		float: left;
		padding-right: 6px;
	}
}

.tilu {
	display: none;
}

@media screen and (max-width: 767px) {

	.tilu.deptrai {
		display: block !important;
	}

	.owl-dots {
		display: block;
	}

	button#responsive-menu-button {
		width: 40px !important;
		height: 40px !important;
		top: 27px !important;
	}

	#responsive-menu-container {
		background-color: #0000008f !important;
		width: 100% !important;
	}

		#responsive-menu-container #responsive-menu-wrapper {
			height: 100% !important;
		}

		#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
			font-size: 16px !important;
		}

		#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
			color: #000 !important;
		}

		#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
			color: #000 !important;
		}

		#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
			color: #000 !important;
		}

	.responsive-menu-open button#responsive-menu-button {
		background: #fff0 !important;
	}

	.responsive-menu-open .responsive-menu-inner, .responsive-menu-open .responsive-menu-inner::before, .responsive-menu-open .responsive-menu-inner::after {
		background-color: #000 !important;
	}

	button#responsive-menu-button:hover .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-inner::after, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-inner::after, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before, button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after {
		background-color: #000 !important;
	}

	.responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus {
		background: #fff0 !important;
	}

	.responsive-menu-button.is-active {
		right: 0 !important;
		padding-left: 40% !important;
		padding-bottom: 1000px !important;
		top: 0 !important;
	}

	.responsive-menu-item-link {
		color: #333 !important;
		border-color: #00000012 !important;
		background-color: rgba(255, 255, 255, 0) !important;
	}

	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
		height: 2px !important;
	}

	.container {
		width: inherit;
	}

	.dtt-collapse {
		float: left;
		margin-left: 0 !important;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

		.dtt-collapse.in {
			overflow: inherit;
		}

	.navbar-fixed-top .navbar-collapse {
		max-height: inherit;
	}

	.dtt-navbar-nav > li:first-child {
		margin-left: 0;
	}

	.dtt-navbar-nav li a {
		line-height: 45px;
	}

	.dtt-header {
		float: left;
	}

	.dtt-collapsed {
		background-color: #762b18;
		margin-left: 15px;
	}

		.dtt-collapsed .icon-bar {
			background-color: #fff;
		}

	.dropdown-menu.sub-menu {
		left: inherit;
		right: 0;
		width: 100%;
		position: inherit;
	}

	.search {
		margin-right: 15px;
		position: absolute;
		right: 0;
		width: 50%;
	}

		.search .input-group {
			margin-top: 5px;
		}

	.ht-text {
		margin: 0 6px;
		padding: 6px 0 13px;
	}

	.bar-spnb, .bar-fb {
		display: none;
	}

	.dtt-row {
		display: flex;
	}

	.pro-row {
		display: flex;
	}

	.pro-onsale {
		font-size: 15px;
	}

	.products-home {
		margin-left: 0;
	}

	.bx-wrapper .pro-sp img {
		margin: 0 auto;
		width: 50%;
	}

	.dtt-carousel .item img {
		height: auto !important;
		width: 100%;
	}
	/* .pro-row [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
} */
	.slider-footer .bx-wrapper {
		margin-bottom: 0;
	}
	/* .slider-footer .bar-title h5 {
    width: 30%;
}	 */
	.bxslider-footer li {
		width: 168px !important;
	}

	.slider-footer .bx-wrapper h5 a {
		font-size: 14px;
	}

	.footer-social li {
		padding-bottom: 6px;
	}

	.footer-col4 {
		border-right: 1px solid #ccc;
		min-height: 200px;
		padding: 0 5px;
	}

	.lienhe-ul li .fa {
		margin-right: 6px;
	}

	.single-col .single-content {
		margin-left: 0;
		min-height: 700px;
	}

	.archive-products {
		margin-left: 0;
	}

	.pro-row [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	.single-row {
		display: flex;
	}

	.post-list {
		display: inline-block;
	}

	.post-img {
		float: left;
		width: 35%;
	}

	.post-text {
		float: right;
		width: 65%;
	}
}

@media screen and (max-width: 480px) {
	.top-header {
		padding: 10px 0;
	}

	.top-right, .top-left {
		width: 100%;
		text-align: left;
	}

	.top-header p {
		line-height: 20px;
	}

	.banner img {
		height: 60px;
	}

	.dtt-navbar-nav li a {
		line-height: 40px;
	}

	.dtt-navbar {
		min-height: 42px;
	}

	.dtt-collapsed {
		padding: 8px;
	}

	.search .form-control {
		height: 35px;
	}

	.search .btn-default {
		height: 35px;
	}

	.info {
		margin-bottom: 0;
	}

	.info-text h4 {
		font-size: 14px;
	}

	.info-other {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}

	.user-phone {
		padding-left: 5px;
	}

	.content-post {
		font-size: 16px;
		padding: 0 0 20px;
	}

	.onsale {
		padding: 9px 6px;
	}

	.products-home {
		margin-bottom: 0;
	}

	.pro-row {
		display: inherit;
		margin-bottom: 0;
	}

	.pro-sp {
		margin-bottom: 15px;
		height: 295px;
	}

	.products-home .bar-title h5 {
		width: 40%;
	}
	/* .slider-footer .bar-title h5 {
    width: 50%;
} */
	.bxslider-footer li {
		width: 210px !important;
	}

	.bx-wrapper img {
		width: 100%;
	}

	.footer .dtt-row {
		display: inherit;
	}

	.footer-col4 {
		border-bottom: 1px dashed #000;
		margin-bottom: 20px;
		padding: 0 15px;
	}

		.footer-col4:last-child {
			border: 0;
		}

	.sidebar-col3 {
		border-bottom: 1px dashed #c0c0c0;
		margin-bottom: 20px;
	}
	/* .related_posts .bar-title h5 {
    width: 40%;
}	 */
	.dtt-img img {
		height: auto;
	}

	.related .bar-title h5 {
		width: 40%;
	}

	.pro-row .dtt-row {
		display: inherit;
	}

	.footer {
		background-color: #efefef;
		padding: 30px 0 0;
	}

	.footer-col4 {
		padding: 0 15px 10px;
	}

	.post-img {
		width: 42%;
		padding-top: 12px;
	}

		.post-img img {
			height: 168px;
		}

	.post-text {
		width: 58%;
	}

	.single-content h1 {
		font-size: 24px;
	}

	.single_product h2, .relate-tabs h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 414px) {
	.dtt-navbar-nav li a {
		font-size: 13px;
	}

	.info .dtt-row {
		display: inherit;
	}

	.info-col-1 {
		padding-right: 15px;
	}

	.info-other {
		border: 0 none;
		margin-left: 0;
		margin-right: 15px;
		padding-left: 15px;
	}

	.info-col-3 {
		padding-left: 15px;
	}

	.glyphicon-menu-hamburger {
		line-height: 36px;
	}

	.products-home .glyphicon-menu-hamburger {
		line-height: 38px;
	}

	.slider-footer .glyphicon-menu-hamburger {
		line-height: 38px;
	}
	/* 
.pro-row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
} */
	.bar-title h5 {
		line-height: 24px;
	}

	.bxslider-footer li {
		width: 175px !important;
	}

	.footer-social {
		padding-top: 0;
	}

	.cop-right {
		float: left;
	}

	.single-row {
		display: inherit;
	}

	.relate-tabs {
		margin-left: 0;
	}

	.related .bar-title h5 {
		width: 50%;
	}

	.related .glyphicon-menu-hamburger {
		line-height: 38px;
	}

	.related_posts .glyphicon-menu-hamburger {
		line-height: 38px;
	}
}

@media screen and (max-width: 375px) {
	.search {
		width: 55%;
	}
	/* .slider-footer .bar-title h5 {
    width: 60%;
} */
	.single-row h3. .relate-tabs h2 {
		font-size: 20px;
	}

	.pro-sp h5 a {
		font-size: 13px;
	}

	.bxslider-footer li {
		width: 165px !important;
	}
	/* .related_posts .bar-title h5 {
    width: 50%;
} */
	.post-img, .post-text {
		float: inherit;
		width: 100%;
	}

		.post-img img {
			width: 100%;
		}
}

@media screen and (max-width: 360px) {
	.bxslider-footer li {
		width: 155px !important;
	}

	.single-pri .pro-onsale {
		font-size: 20px;
	}
}

@media screen and (max-width: 320px) {
	.user-phone {
		padding-left: 0;
	}

	.pro-row [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ht-text {
		padding: 6px 0 0;
	}

	.pro-sp h5 a {
		font-size: 15px;
	}

	.pro-onsale {
		font-size: 18px;
	}

	.slider-footer .bar-title h5 {
		font-size: 12px;
		/*  width: 59%; */
		padding-left: 4px;
	}

	.slider-footer .bar-title a {
		font-size: 12px;
	}

	.bxslider-footer li {
		width: 130px !important;
	}
	/* .related_posts .bar-title h5 {
    width: 55%;
} */
	.related .bar-title h5 {
		width: 60%;
	}

	.footer-col img {
		height: 170px;
	}
}

.mobile-search .input-group {
	display: flex;
	margin-top: 50px;
	width: 171px;
}

.mobile-search .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #4267b2;
	color: #fff;
	height: 40px;
	z-index: 1;
}

.mobile-search .form-control {
	height: 40px;
}

.mobile-logo {
	display: none;
}

.info img {
	width: 100%;
	height: 150px;
}

@media screen and (max-width: 767px) {

	.mobile-logo {
		display: block;
		height: 80px;
		line-height: 60px;
		padding-top: 10px;
	}

	.top-header {
		display: none;
	}

	.mobile-logo {
		display: block;
	}

		.mobile-logo img {
			width: 70%;
			/* position: absolute; */
			/* top: 50%; */
			/* left: 41%; */
			/* transform: translate(-50%,-50%); */
			max-height: 50px;
			width: auto;
		}

	.desktop-logo {
		display: none;
	}

	#responsive-menu-button:after {
		content: "MENU";
		color: #000;
	}

	#responsive-menu-button {
		background: #fff0 !important;
	}

	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
		background-color: #000 !important;
	}

	.mobile-search .input-group {
		margin-top: 0;
	}

	button#responsive-menu-button {
		position: absolute !important;
	}

	.info .info-col-1:not(:last-child) {
		margin-bottom: 5px;
	}
	/* 
    .info .info-col-1{
        padding-left: 5px;
        padding-right: 5px;
    } */
	.slider {
		margin-bottom: 5px;
	}

	.content-home {
		margin-top: 5px;
	}

	.mobile-search {
		display: none
	}

	#responsive-menu-wrapper {
		width: 60%;
		background-color: rgba(255,255,255,.95) !important;
		background: rgba(255,255,255,.95) !important;
	}

	#responsive-menu-container li.responsive-menu-item {
		border-top: 1px solid #cacaca26;
	}

	.responsive-menu-subarrow {
		font-size: 0;
		background-color: #fff0 !important;
		border: none !important;
	}

		.responsive-menu-subarrow:after {
			content: "\f107";
			font-family: fontawesome;
			font-size: 17px;
		}

	#responsive-menu li:hover a {
		background-color: #cacaca80 !important;
	}

	#responsive-menu-container #responsive-menu li.responsive-menu-item a {
		border: none !important;
	}

	#responsive-menu-container .responsive-menu-search-box {
		height: 40px !important;
		border: 1px solid #762B18 !important;
		-webkit-border-top-left-radius: 4px !important;
		border-top-left-radius: 4px !important;
		-webkit-border-bottom-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
	}

	#responsive-menu-container .responsive-menu-search-form {
		position: relative;
	}

		#responsive-menu-container .responsive-menu-search-form::before {
			content: "X";
			color: #fff;
			position: absolute;
			right: -70%;
			font-size: 40px;
			top: -40%;
		}

		#responsive-menu-container .responsive-menu-search-form:after {
			content: "\f002";
			font-size: 20px;
			font-family: fontawesome;
			position: absolute;
			right: 0;
			top: 32%;
			transform: translate(0%,-50%);
			height: 35px;
			width: 40px;
			text-align: center;
			line-height: 40px;
			background: #4267b2;
			color: #fff;
			cursor: pointer;
			-webkit-border-top-right-radius: 4px !important;
			border-top-right-radius: 4px !important;
			-webkit-border-bottom-right-radius: 4px !important;
			border-bottom-right-radius: 4px !important;
		}

	.navbar.dtt-navbar.sticky.is-sticky .col-md-3.col-sm-3.col-xs-12 {
		box-shadow: 0px 0px 8px 2px #0000004d;
	}

	.navbar.dtt-navbar.sticky.is-sticky .mobile-logo {
		margin: auto;
	}
	/* .navbar.dtt-navbar.sticky.is-sticky .mobile-logo img{
        height: 60px;
    } */
	.related_posts .pt-category {
		margin-left: 15px;
	}
}

@media (min-width: 992px) {
	.info .info-col-1:not(:last-child) {
		padding-right: 0px;
	}

	.navbar.dtt-navbar .col-md-6 {
		width: 50%;
	}

	.navbar.dtt-navbar .col-md-3:nth-child(1) {
		/* width: 30%; */
	}

	.navbar.dtt-navbar .col-md-3:nth-child(2) {
		/* width: 19%; */
	}

	.navbar.dtt-navbar .header-logo h1 {
		float: left;
	}

	.dtt-navbar {
		/* box-shadow: 0px 0px 8px 2px #00000026; */
		/* margin-bottom: 15px; */
	}
}

#menu-main-menu > li:hover > ul {
	display: block;
}

.sticky.is-sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #fff;
	/* border-bottom: 2px solid #1876f0; */
}

.owl-carousel .owl-nav {
	display: none;
}

.owl-carousel h5 {
	color: #000;
	text-align: center;
	margin-top: 10px;
}

	.owl-carousel h5 a {
		color: #000;
	}

.bar-post .post-list {
	margin: 0;
}

.single_product .woocommerce-product-gallery img {
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #64220C;
}

.mobile-search .input-group-append {
	cursor: pointer;
	z-index: 9;
}

@media screen and (max-width: 767px) {
	.mobile-search.tilu .input-group {
		width: 63%;
	}

	.responsive-menu-search-form {
		/* visibility: hidden; */
	}

	.tilu {
		margin-top: -8%;
		z-index: 999999;
		margin-left: -5%;
	}
}

@media screen and (max-width: 1100px) {
	.dtt-navbar-nav li a {
	}

	.mobile-search .input-group {
		display: flex;
		margin-top: 30px;
		width: 190px;
	}
}
.woocommerce-product-gallery__image{
text-align: center;
}