body {
	font-family:'roboto' !important;
	font-weight:normal;	
}
.mr-0 {
	margin-right:0 !important;	
}
.mt-0 {
	margin-top:0 !important;	
}
.bt-0 {
	border-top-width:0 !important;	
}
.grey-color {
	color:#999999;
}	
/**Header**/
.top-header {
	background-color:#0277bd;
	height:34px;	
}
.hotline {
	font-size:13px;
	color:#ffffff;	
	line-height:34px;
	float:left;
}
.hotline span {
	color:#86c5ea;	
}
ul.menu-top {
	float:right;
	list-style:none;
	margin-bottom:0;	
}
ul.menu-top li {
	float:left;
}
ul.menu-top li a {
	display:block;
	padding:7px 15px;	
	color:#ffffff;
	text-transform:uppercase;
}
.main-header {
	overflow:hidden;
	height:118px;
	background-color:#03a9f4;	
}
h2.brand {
	margin:0;	
	position: relative;
	z-index: 2;
}
h2.brand a {
	display:block;
	margin-top:38px;
}
h2.brand a span {
	text-indent:-9999px;	
	display: block;
	height: 0;
}
h2.brand a svg {
	fill:#ffffff;	
}
.service {
	margin-top:25px;
	padding:12px 10px 7px 16px;
	border:1px dashed #005b91;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;	
}
.support {
	float:left;	
	color:#005b91;
	margin: 0 10px;
}
.support-l, .support-r {
	float:left;
	white-space:nowrap;
}	
.support-l {
	padding-top: 5px;
	padding-right: 12px;	
}
.support-l i {
	font-size:30px;	
}
.support-r {
	font-size:14px;
}
.title-sr {
	text-transform:uppercase;	
	font-size:16px;
	font-weight:bold;
}
.wrapper-search {
	margin-top:40px;
	float:right;
	height:36px;
	width:105px;
	position:relative;
}
.buble-search {
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	background-color:#0277bd;
	height:34px;
	position:absolute;
	top:0;
	left:0;
	width:96%;
	z-index:1;
	opacity:0;
	-ms-transform: scale(1);
    -webkit-transform: scale(1); 
    transform: scale(1);
	-webkit-transition: all ease-in .5s;
    transition: all ease-in .5s;
}
.btn-search:focus {
	outline:0;	
}
.buble-search.animation {
	-ms-transform: scale(40);
    -webkit-transform: scale(40); 
    transform: scale(40);
	background-color:#0277bd;
	top:-1px;
	opacity:1;
}
.btn-search {
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	display:block;
	border:none;
	color:#03a9f4;
	padding:8px 14px;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background-color:#ffffff;
}
.btn-search i {
	margin-right:5px;	
}
.btn-remove-search {
	background:none;
	border:none;
	display:block;
	position:absolute;
	top:-80px;
	right:10px;
	color:rgba(255,255,255,0);
	padding:0;
	width:40px;
	height:40px;
	line-height:36px;
	z-index:3;
	font-size:22px;
	-webkit-transition: all ease-in .3s; /* Safari */
    transition: all ease-in .3s;
}
.btn-remove-search:focus {
	outline:none;	
}
.btn-remove-search.show-btn-cancle {
	top:0;
	color:rgba(255,255,255,1);
}
.form-search {
	visibility:hidden;
	position: absolute;
	z-index: 2;
	width: 450px;
	opacity: 0;
	top: 50%;
	margin-top: -18px;
	left: 50%;
	margin-left: -180px;
	height: 50px;
	background-color:rgba(255,255,255,0.15);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;	
	-webkit-transition: all ease-in .3s; /* Safari */
    transition: all ease-in .3s;
}
.form-search.show-form-search {
	opacity:1;
	margin-left: -225px;
	visibility:visible;
}
.wrapper-search-input {
	position:relative;	
	padding-right:40px;
}
.form-search input {
	background: none;
	border: none;
	width: 100%;
	color:#ffffff;
	padding: 15px;
}
.form-search input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.form-search input:-ms-input-placeholder {
  color: #ffffff;
}
.form-search input::-webkit-input-placeholder {
  color: #ffffff;
}
.form-search input:focus {
	outline:0;	
}
.btn-search-submit {
	position: absolute;
	top: 10px;
	right: 15px;
	background: none;
	border: none;
	color: #fff;
	font-size: 22px;
	display:block;
	padding:0;
}
/*navbar*/
nav {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.1);	
}
.navbar {
	background-color:#ffffff;	
	z-index:2;
	margin-bottom:0;
}
.wrapper-nav {
	position:relative;	
}
.current-page {
	font-weight:bold;
	position:absolute;
	top:15px;
	left:0;
	font-size:16px;
	margin:0;	
}
.navbar-nav {
	margin-top:0;	
}
.navbar-nav > li > a {
	color:#333333;
	background:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	padding: 16px;
}
.navbar-nav > li > a:hover, .navbar-nav > li.active > a {
	background:none;
	color:#0277bd;
}
.navbar-collapse {
	padding:0;	
}
.navbar-toggle {
	margin-right:0;	
}
.navbar-toggle .icon-bar {
	background-color: #333333;
}
.navbar-nav > li.have-sub {
	position:relative;	
}
.navbar-nav > li.have-sub:hover a {
	color:#0277bd;
}
.navbar-nav > li.have-sub:hover ul.sub-menu li a {
	color:#333333;	
}
.navbar-nav > li.have-sub:hover .wrapper-sub-menu {
	-ms-transform: scale(1);
    -webkit-transform: scale(1); 
    transform: scale(1);
	top:100%;
	left:0;
	opacity:1;
}
.navbar-nav > li.have-sub.last:hover .wrapper-sub-menu {
	right:0;
	
}
.wrapper-sub-menu {
	background-color:#ffffff;
	border:1px solid #eeeeee;
	position:absolute;	
	top:0;
	opacity:0;
	z-index:4;
	margin-top:4px;
	padding:5px 20px 20px;
	min-width:200px;
	-ms-transform: scale(0);
    -webkit-transform: scale(0); 
    transform: scale(0);
	-webkit-transition: all ease-in .3s; /* Safari */
    transition: all ease-in .3s;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 4px 6px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 4px 6px 0px rgba(50, 50, 50, 0.1);
}
.navbar-nav > li.have-sub.last .wrapper-sub-menu {
	right:0;
	left:auto;
}
.wrapper-sub-menu.two-col {
	min-width:400px;
}
.wrapper-sub-menu.two-col ul.sub-menu:nth-child(1) {
	padding-right:20px;	
}
.wrapper-sub-menu.two-col ul.sub-menu {
	float:left;
	width:50%;	
}
ul.sub-menu {
	list-style:none;
	padding:0;	
	
}
ul.sub-menu li a {
	border-bottom:1px solid #eeeeee;
	display:block;
	padding:13px 13px 13px 0;
	text-decoration:none;
	color:#333333;
}
.navbar-nav > li.have-sub ul.sub-menu li a:hover {
	border-color: #0277bd;
	color:#0277bd;	
}
@media (max-width:990px) {
	.main-header {
		height:90px;	
	}
	h2.brand a {
		margin-top: 25px;	
	}
	.wrapper-search {
		margin-top:25px;	
	}
	.navbar-nav {
		margin-bottom:10px;	
	}
	.navbar-nav > li > a {
		padding: 14px 9px 0px;
	}
	.navbar-collapse {
		padding:0 20px;	
	}
	.navbar-nav > li.have-sub:hover .wrapper-sub-menu {
		display:none !important;
	}
}
@media (max-width:767px) {
	.main-header {
		height:66px;	
	}
	h2.brand a {
		margin-top: 15px;	
	}
	.wrapper-search {
		margin-top:15px;	
	}
	
	.navbar-nav > li > a {
		border-top:1px solid #eeeeee;
		border-bottom:0 solid #eeeeee;	
		padding:10px;
	}
	h2.brand {
		z-index: 1;
	}
	.form-search {
		width: 86%;
		margin-top: 11px;
		height: 40px;
	}
	.form-search.show-form-search {
		margin-left: 0;
		left:15px;
	}
	.btn-search-submit {
		top: 9px;
		right: 14px;
		font-size:18px;
	}
	.form-search input {
		padding: 10px 15px;
	}
	.btn-remove-search {
		right:-7px;	
	}
	.buble-search.animation {
		-ms-transform: scale(40);
		-webkit-transform: scale(40); 
		transform: scale(40);
	}
	.btn-remove-search {
		top:-40px;
	}
}
@media (max-width:480px) {
	.form-search {
		width: 75%;
	}	
}
@media (min-width:768px) and (max-width:990px) {
	.form-search {
		margin-top:17px;	
	}
}
@media (min-width:991px) and (max-width:1200px) {
	
	.service {
		padding: 7px;
		margin-top:31px;
	}
	.support {
		margin: 0 5px;
	}
	.support-l i {
		font-size:24px;	
	}
	.support-r {
		font-size:12px;
	}
	.title-sr {
		font-size:14px;
	}	
	.navbar-nav > li > a {
		font-size:12px;
		text-transform: capitalize;
		font-weight:normal;
		padding:14px 13px;
	}
}
/**content**/
.slider-pro {
	margin-top:20px;	
}
.item-pro-feature {
	float:left;
	display:none;
}
.item-pro-feature:nth-child(1) {
	display:block;	
}
.slider-pro .owl-controls {
	position:absolute;
	bottom:20px;
	right:20px;	
}
.slider-pro .owl-controls .owl-dot {
	width:20px;
	height:20px;
	margin:0 5px;
	background-color:rgba(0,0,0,0.2);	
	float:left;
}
.slider-pro .owl-controls .owl-dot.active {
	background-color:#ffffff;
}
.pro-box {
	background-color:#ffffff;
	border-width:1px 1px 0;
	border-color:#e1e1e1;
	border-style:solid;
	margin-top:20px;	
}
.pro-box.last {
	margin-bottom:20px;	
}
.pro-box.pro-hot {
	border-right:none;		
}
.pro-box.pro-hot .head-pro-box {
	border-right:1px solid #e1e1e1;	
}
.head-pro-box {
	border-bottom:1px solid #e1e1e1;
	padding-left:20px;
	position:relative;
	height:50px;
}
.head-pro-box h3 {
	margin:0;
	text-transform:uppercase;
	font-size:18px;
	padding:15px 0;
	font-weight:bold;
}
.btn-more-pro-hot {
	position:absolute;
	right:120px;	
	top:14px;
	display:block;
}
.content-pro-box {
	overflow:hidden;
	position:relative;	
}
.content-pro-box.hidden-border {
	overflow:inherit;	
}
.content-pro-box .owl-controls {
	position:absolute;
	top:-50px;
	right:0;
}
.content-pro-box .owl-nav {
	position:relative;
	width:100px;
	height:50px;	
}
.content-pro-box .owl-nav .owl-prev, .content-pro-box .owl-nav .owl-next {
	float:left;
	width:50px;
	height:50px;
	border-left:1px solid #e1e1e1;	
	text-align:center;
	font-size:22px;
	color:#454545;
	line-height:50px;
}
.content-pro-box .owl-nav .owl-prev:hover, .content-pro-box .owl-nav .owl-next:hover {
	color:#0277bd;
}
.item-pro-box {
	float:left;
	padding:0 15px 30px;
	position:relative;
	border-bottom:1px solid #e1e1e1;
}
.item-pro-box:before {
	position:absolute;
	width:1px;
	background-color:#e1e1e1;
	top:0;
	right:-2px;
	content:"";	
	bottom:0;
}
.content-pro-box.best_seller .item-pro-box:before {
	width:0;
}
.content-pro-box.best_seller .item-pro-box {
	border-right:1px solid #e1e1e1;	
}
.thumb-pro {
	display:block;	
	position:relative;
	overflow:hidden;
	padding-top:100%;
}
.thumb-pro img {
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.info-pro {
	text-align:center;
}
.info-pro p {
	margin-bottom:5px;	
}
.main-price-pro {
	color:#9b9b9b;
	text-decoration:line-through;
	margin-bottom:0 !important;	
}
.inner-info-pro {
	
}
.inner-info-pro:before {
	content:"";
	width:100%;
	height:170px;
	bottom:-10px;
	left:1px;
	overflow:hidden;
	z-index:1;
	position:absolute;
	background-color: rgba(255,255,255,0);
	padding: 0 15px;
	-webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.item-pro-box:hover .inner-info-pro:before {
	background: #03a9f4;
	bottom:0;
}
.item-pro-box:hover .sale-price-pro, .item-pro-box:hover .title-pro {
	color:#ffffff;
}
.item-pro-box:hover .btn-buy-pro {
	-ms-transform: scale(1);
    -webkit-transform: scale(1); 
    transform: scale(1);
	opacity:1;
}
.sale-price-pro {
	font-size:16px;
	font-weight:bold;
	color:#333333;
	position:relative;
	z-index:2;	
	-webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.title-pro {
	color:#9b9b9b;
	display:block;
	overflow:hidden;
	height:40px;
	position:relative;
	z-index:2;	
	-webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.btn-buy-pro {
	display:block;	
	-ms-transform: scale(0);
    -webkit-transform: scale(0); 
    transform: scale(0);
	position:absolute;
	left:50%;
	bottom:106px;
	margin-left:-54px;
	z-index:2;
	background-color:#0277bd;	
	color:#ffffff;
	padding:10px 15px;
	text-transform:uppercase;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	opacity:0;
	-webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.btn-buy-pro:hover, .btn-buy-pro:focus {
	color:#03a9f4;	
	background-color:#ffffff;
	text-decoration:none;
}
.btn-buy-pro i {
	margin-right:5px;	
}
.more-pro {
	display:block;
	text-align:center;
	background-color:#ffffff;	
	padding:20px;
	line-height:20px;
	border-bottom: 1px solid #e1e1e1;
	-webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.more-pro:hover {
	background-color:#e1e1e1;	
	text-decoration:none;
}
.icon-pro {
	position:absolute;
	width: 50px;
	right:10px;
	top:10px;	
}
.bg-icon-pro {
	position:relative;
	line-height:45px;
	text-align:center;	



}
.bg-icon-pro svg {
	fill:#e13030;
	position:absolute;
	top:0;
	left:0;	
	z-index:1;
}
.bg-icon-pro span {
	color:#ffffff;
	z-index:2;
	position:relative;
	font-weight:bold;
	font-size:11px;	
}
.icon-pro.hot .bg-icon-pro span{
	color:#e9df47;	
}
@media (max-width:767px) {
	.slider-pro.owl-carousel {
		margin:0 -15px 0;	
		width:auto;
	}
	.slider-pro .owl-controls {
		bottom: 10px;
		right: 10px;
	}
	.slider-pro .owl-controls .owl-dot {
		width:5px;
		height:5px;
		margin: 0 2px;
	}
	.head-pro-box h3 {
		font-size: 16px;
	}
	.btn-more-pro-hot {
		font-size: 13px;
	}
	.content-pro-box .owl-nav {
		width:64px;	
	}
	.btn-more-pro-hot {
		right:70px;	
	}
	.content-pro-box .owl-nav .owl-prev, .content-pro-box .owl-nav .owl-next {
		border:none;
		width:30px;	
	}
}
/**footer**/
footer {
	background-color:#212121;	
}
.copyright {
	background-color:#121212;	
	color:#606060;
	padding:10px 0;
	margin-top:20px;
}
.footer-box {
	margin-top:30px;
	color:#757575;	
}
.head-footer-box {
	margin-top:0;	
	border-bottom:1px solid #434343;
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
}
.head-footer-box span {
	display:inline-block;
	border-bottom:1px solid #03a9f4;
	height: 32px;
	margin-bottom: -1px;
}
.content-footer-box {
	margin-top:30px;	
}
.content-footer-box h1 {
	font-size:14px;
	margin-top:0;
	color:#a6a6a6;	
}
.info-company {
	font-size:13px;	
}
.social-footer {
	margin-top:10px;	
}
.social-footer ul {
	list-style:none;
	padding:0;	
}
.social-footer ul li {
	float:left;	
}
.social-footer ul li a {
	width:40px;
	height:40px;
	display:block;
	margin-right:10px;
	margin-top:10px;	
	color:#757575;
	border:1px solid #757575;
	font-size:22px;
	text-align:center;
	line-height:44px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.social-footer ul li a:hover {
	text-decoration:none;
	background-color:#03a9f4;
	color:#ffffff;
	border-color:#03a9f4;	
}
.sub-col {
	margin-top:30px;	
}
.sub-col h4 {
	color:#a6a6a6;
	font-size:13px;
	font-weight:bold;	
}
.sub-col p {
	font-size:13px;
	line-height:16px;
	margin-bottom:5px;	
}
ul.list, ul.tags {
	list-style:none;
	padding:0;	
}
ul.list li a {
	display:block;
	font-size:13px;
	color:#757575;
	margin-bottom:5px;	
	-webkit-transition: color ease-in .2s;
    transition: color ease-in .2s;
}
ul.list li a:hover {
	color:#03a9f4;
	text-decoration:none;
}
ul.tags {
	max-height:168px;
	overflow:hidden;	
}
ul.tags li {
	float:left;	
}
ul.tags li a {
	background-color:#313131;
	padding:3px 10px; 
	margin:2px 4px 2px 0;	
	display:block;
	font-size:13px;
	color:#757575;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
ul.tags li a:hover {
	text-decoration:none;
	background-color:#03a9f4;
	color:#ffffff;	
}
ul.payment {
	list-style:none;
	padding:0;
	margin:-5px;	
}
ul.payment li {
	float:left;
	padding:5px;
	width:33.3333%;
}
ul.payment li.big-payment {
	width:50%;	
}
ul.payment li img {
	display:block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.content-footer-box img {
	opacity:0.25;	
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.content-footer-box img:hover {
	opacity:1;	
}
.img-responsive.bct {
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/*readmore*/
div.ellipsis-text {
    height: 105px;
	line-height:20px;
}
a.less {
    display: none;
}
.ellipsis-text .more, .ellipsis-text .less {
	display:inline-block;
	color: #757575;
	border: 1px solid #757575;
	padding:0;
	width: 18px;
	height: 18px;
	line-height: 14px;
	text-align: center;
}
.ellipsis-text .more:hover, .ellipsis-text .less:hover {
	text-decoration:none;
	color:#03a9f4;
	border-color:#03a9f4;	
}
/******Category******/
.pro-head {
	background-color:#ffffff;
	border-width:1px 1px 0;
	border-color:#e1e1e1;
	border-style:solid;
	margin-top:20px;
	padding:0 0 0 20px;
}
.pro-head h1 {
	font-size:24px;
	text-transform:uppercase;
	color:#0277bd;
	float:left;	
	margin-bottom:20px;
	max-width: 464px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
ul.good-service {
	float:right;
	list-style:none;
	margin:15px 0;
}
ul.good-service li {
	float:left;
	margin-right:20px;
	height:38px;
	line-height:18px;
	position:relative;
	padding-left:48px;	
	color:#999999;
}
ul.good-service li i {
	font-style:normal;	
}
ul.good-service li span {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	line-height:38px;
	background:url(../images/service-icon.svg);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	width:38px;
	height:38px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;	
}
ul.pro-nav {
	background-color:#ffffff;
	border-width:1px 1px 0;
	border-color:#e1e1e1;
	border-style:solid;
	list-style:none;
	padding:0;
	margin-bottom:0;
}
ul.pro-nav li {
	display:inline-block;	
}
ul.pro-nav li a {
	display:block;
	padding:15px 20px;
	color:#333333;
}
ul.pro-nav li a:hover {
	color:#0277bd;
	text-decoration:none;	
}
.item-pro-box.big {
	position:absolute;
	height:283px;	
}
.thumb-pro-big {
	width:240px;
	display:block;
	float:left;
	margin-right: 15px;
}
.info-pro-big {
	padding-left:240px;	
	padding-top:5px;
}
.title-pro-big {
	font-size:18px;	
	line-height:22px;
}
.title-pro-big a:hover {
	text-decoration:none;	
}
.desc-pro-big {
	color:#999999;
	overflow: hidden;
	max-height: 62px;
}
.main-price-pro-big {
	font-size:12px;
	font-weight:bold;
	text-decoration:line-through;	
}
.sale-price-pro-big {
	font-size:20px;
	color:#e13030;
	font-weight:bold;	
}
.btn-buy-pro-big {
	display:inline-block;
	padding:10px 20px;	
	color:#ffffff;
	background-color:#03a9f4;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.btn-buy-pro-big:hover {
	text-decoration:none;
	background-color:#0277bd;
	color:#ffffff;	
}
.btn-buy-pro-big i {
	margin-right:5px;	
}
ul.breadcrumb {
	float: left;
	padding: 0;
	margin-bottom:0;
	margin-top: 8px;
	background:none;
}
ul.breadcrumb li {
	float:left;
}
ul.breadcrumb li a {
	display: block;
	padding: 10px 0;
	color: #999;
	font-size: 24px;
	text-transform: uppercase;
}
ul.breadcrumb li a:hover {
	text-decoration:none;	
}
ul.breadcrumb li i {
	padding: 16px 10px;
	font-size: 20px;
	color: #999999;
	display: block;
	float: left;
}
.breadcrumb > li + li:before {
	content:"";
	padding:0;	
}
ul.breadcrumb li h1, ul.breadcrumb li h3 {
	padding: 13px 0;
	font-size: 24px;
	text-transform: uppercase;
	color: #0277bd;
	float:none;
	max-width: 427px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	margin: 0;
}
@media (max-width:767px) {
	ul.breadcrumb li a {
		font-size: 13px;
		text-transform: capitalize;
	}
	ul.breadcrumb li i {
		padding: 13px 10px;
		font-size: 12px;
	}
	ul.breadcrumb li h1 {
		padding: 13px 0;
		font-size: 13px;
		text-transform: capitalize;
	}
	.item-pro-box.big {
		position: relative;
		height: auto;
	}	
	.thumb-pro-big {
		width: 100%;
	}
	.info-pro-big {
		padding-left: 0;
		padding-top:0;
		text-align:center;
	}
	ul.pro-nav {
		padding: 10px 0 15px 0;	
	}
	ul.pro-nav li {
		float: left;
		width: 50%;
	}
	ul.pro-nav li a {
		padding: 10px 20px 5px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.social-footer ul li a {
		height:38px;
		line-height:42px;
		width:38px;	
	}
}
@media (min-width:768px) and (max-width:990px) {
	.pro-head h1 {
		font-size: 20px;
		max-width: 274px;
		margin-top: 23px;
	}
	ul.pro-nav {
		padding-left:10px;
		padding-bottom:15px;
	}
	ul.pro-nav li a {
		padding:15px 10px 0;
	}
	ul.good-service li {
		font-size:12px;	
	}
	.item-pro-box.big {
		height:334px;	
	}
	.title-pro-big {
		line-height: 24px;
	}
}
@media (min-width:991px) and (max-width:1200px) {
	ul.pro-nav {
		padding-left:10px;	
	}
	ul.pro-nav li a {
		padding:15px 10px;
	}
	.item-pro-box.big {
		height:328px;	
	}
}
/** news **/
.news-box {
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	padding: 20px 320px 20px 20px;
	position:relative;
}
.content-right {
	position:absolute;
	width:300px;	
	top:20px;
	right:20px;
}
.content-left {
	padding-right:30px;	
}
.hot-news {
	background-color:#ffffff;
	border:1px solid #e1e1e1;
}
.head-hot-news {
	border-bottom:1px solid #e1e1e1;
}
.head-hot-news h3 {
	font-size:18px;
	margin:0;
	padding:18px 20px;
	text-transform:uppercase;
	font-weight:bold;	
}
ul.items-hot-news {
	padding:10px 20px;
	list-style:none;
	margin-bottom:0;	
}
ul.items-hot-news li a {
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#333333;	
	padding:5px 0;
}
ul.items-hot-news li a:hover {
	text-decoration:none;
	color:#03a9f4;	
}
.banner300x250 {
	margin-top:10px;
}
.banner300x250 a {
	display:block;
	margin-top:10px;	
}
.item-news {
	margin-bottom:20px;
}
.item-news-feature {
	margin-bottom:20px;	
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;	
}
.title-news-feature {
	font-size:24px;
	margin:10px 0;
}
.title-news-feature a {
	color:#333333;	
}
.thumb-news-feature {
	width:260px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.desc-news-feature {
	max-height:80px;
	overflow:hidden;
}
.thumb-news {
	float:left;
	width:146px;
	margin-right:20px;	
}
.info-news {
	padding-bottom:5px;
	border-bottom:1px solid #e1e1e1;
}
.date-news {
	color:#999999;
	font-size:12px;	
	margin-top:0;
	margin-bottom:0;
}
.title-news {
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding: 6px 0;
	display: block;
}
.title-news:hover, .title-news-feature a:hover {
	text-decoration:none;
	color:#03a9f4;	
}
.desc-news {
	color:#999999;
	overflow:hidden;
	max-height:60px;	
}
.page-news {
	text-align:center;	
}
.pagination {
	margin:10px 0;	
}
.pagination > li > a, .pagination > li > span {
	border:none;	
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#03a9f4;
}
.pagination > li > a, .pagination > li > span {
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin: 0 2px;
	padding: 4px 10px;
	font-size: 13px;		
}
/*detail news*/
.detail-news h1 {
	margin-top:10px;	
	font-weight:bold;
}
.desc-detail-news {
	font-weight: bold;
	font-size: 16px;
}
.content-news p {
	line-height:1.8em;	
}
.content-news p .note-img {
	display:block;	
	margin-top:10px;
	color:#999999;
	margin-bottom:20px;
}
.content-news ol>li {
	position: relative;
	counter-increment: olCount;
	padding-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style: none;
}
.content-news ol>li:before {
	content: counter(olCount);
	display: inline-block;
	position: absolute;
	min-width: 22px;
	height: 22px;
	line-height: 22px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	background-color: #e1e1e1;
	font-size: 12px;
	left: 0;
	margin-top: 0;
}
blockquote, .blockquote {
	position: relative;
	border: 0;
	font-size: 14px;
	font-style: italic;
	padding: 0;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	border-left: 3px solid #03a9f4;
}
.box-detail {
	margin-top:20px;
	border-top:1px solid #e1e1e1;	
}
.head-box-detail {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;	
}
ul.list-tags, ul.relate-news {
	list-style:none;
	padding:0;	
}
ul.list-tags li {
	float:left;	
}
ul.list-tags li a {
	background-color:#d7d7d7;
	padding:3px 10px; 
	margin:2px 4px 2px 0;	
	display:block;
	font-size:13px;
	color:#757575;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
ul.list-tags li a:hover {
	text-decoration:none;
	background-color:#03a9f4;
	color:#ffffff;	
}
ul.relate-news li a {
	color:#333333;
	display:block;
	padding:5px 0;	
}
ul.relate-news li a:hover {
	color:#03a9f4;
	text-decoration:none;	
}
@media (max-width:767px) {
	.thumb-news-feature {
		width:100%;
	}
	.news-box {
		padding-right:20px;	
	}
	.content-left {
		padding-right: 0;
	}
	.content-right {
		position:relative;	
		width:100%;
		margin:0 20px 20px;
	}
	.detail-news h1 {
		font-size:28px;
	}
	.thumb-news {
		width: 100%;
		margin-bottom: 10px;
	}
	.content-news img {
	  width:100%;
	}
}
@media (min-width:768px) and (max-width:990px) {
	.news-box {
		padding-right:20px;	
	}
	.thumb-news-feature {
		width:260px;
	}
	.content-right {
		position:relative;	
		width:100%;
		margin:0 20px 20px;
	}
	.content-left {
		padding-right: 0;
	}
}
@media (min-width:991px) and (max-width:1200px) {
	.thumb-news-feature {
		width:200px;
	}	
	.desc-news-feature {
		max-height:80px;
		overflow:inherit;
	}
}
/*contact*/
.contact-box {
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	padding: 0;
	position:relative;
}
.contact-left {
	padding:20px;
	border-right:1px solid #e1e1e1;	
}
.contact-right {
	padding:20px;	
}
.contact-box h2 {
	text-align:center;
	margin-top:10px;
	font-size:22px;
	font-weight:bold;	
}
.wrapper-circle {
	margin:20px 0;	
}
.circle {
    width:100%;
}
.circle:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #4679BD; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle.red:after {
	background-color:#f44336;
}
.circle.green:after {
	background-color:#4caf50;
}
.circle.cyan:after {
	background-color:#27c2c4;
}
.circle.yellow:after {
	background-color:#ffc107;
}
.circle-text {
	float:left;
    width:100%;
    padding-top:50%;
    line-height:16px;
    margin-top:-10px;
    text-align:center;
    color:#ffffff;	
	font-weight:bold;
	text-transform:uppercase;
}
.green .circle-text, .yellow .circle-text {
	margin-top:-20px;	
}
.welcome {
	color:#f44336;
	font-size:18px;
	font-style:italic;
	text-transform:uppercase;
	text-align:center;
	margin:20px 0;	
}
.contact-box h5 {
	font-weight:bold;
	font-size:16px;	
}
.contact-box p {
	color:#6b6b6b;	
}
.contact-box p span {
	color:#333333;	
}

@media (max-width:991px) {
	.contact-left {
		border:none;	
	}
}
/*404*/
.page404 {
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	margin-top:20px;
	padding: 30px 0;
}
.head-page404 {
	min-height:100px;
	border-bottom:5px solid #03a9f4;	
	position:relative;
}
.icon-404 {
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-93px;	
}
.icon-cable {
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: 200px;
	background-color: #ffffff;	
}
.page404 h1 {
	font-size: 24px;
	margin-top: 40px;
}
.page404 h1, .cant-page404, .link-page404 {
	text-align:center;
	padding:0 20px;
}
.cant-page404 {
	color:#999999;
	margin-top:30px;
	margin-bottom:0;	
}
.link-page404 {
	color:#005b91;
}
.btn-back-home {
	display:inline-block;
	padding:5px 15px;
	color:#ffffff;	
	background-color:#03a9f4;
	margin-top:20px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.btn-back-home:hover {
	color:#ffffff;	
	background-color:#005b91;
}
/*Modal order*/
@media (min-width: 768px) {
	.modal-dialog {
		width: 690px;
	}
}
.modal.order {
	width: 100%;
	height: 100%;
}
.modal-open .modal.order {
	display: table !important;
}
.modal.order .modal-dialog {
	display: table-cell;
	vertical-align: middle;
	padding:0 20px;
}
@media (max-width: 767px) {
	.modal.order {
		width: 100%;
		height: 100%;
	}
	.modal-open .modal.order {
		display: block !important;
	}
	.modal.order .modal-dialog {
		display: block;
		vertical-align:auto;
		padding:0;
	}
}

.modal.order .modal-content {
	max-width:690px;
	margin:auto;	
}
.modal.order .modal-body {
	padding: 0;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857143px;
	background-color:#03a9f4;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
.modal-title {
	text-transform:uppercase;
	color:#ffffff;	
	font-weight:bold;
}
.close {
	font-size:40px;
	font-weight:normal;
	text-shadow: 0 0 0 #ffffff;	
}
.modal-header .close {
	margin-top: -8px;
}
.modal-content {
	border:none;	
}
.order-info {
	padding:25px;
}
.pro-order img {
	float:left;
	width:110px;
	height:110px;
}
.info-pro-order {
	margin-left:130px;	
}
.title-pro-order {
	font-weight:bold;
	font-size:16px;
	color:#333333;	
	display:block;
}
.title-pro-order:hover {
	text-decoration:none;	
}
ul.pick-color {
	list-style:none;	
	padding:0;
	margin-top:20px;
	margin-bottom: 0;
}
ul.pick-color li {
	width:28px;
	height:28px;
	position:relative;
	border: 1px solid #e1e1e1;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
ul.pick-color li a {
	width:18px;
	height:18px;
	position:absolute;
	top:4px;
	left:4px;
	display:block;
	text-indent:-9999px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;	
}
ul.list-color {
	list-style:none;	
	padding:0;
	margin-top:20px;
	margin-bottom: 0;
}
ul.list-color li {
	width:28px;
	height:28px;
	position:relative;
	border: 1px solid #e1e1e1;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
ul.list-color li a {
	width:18px;
	height:18px;
	position:absolute;
	top:4px;
	left:4px;
	display:block;
	text-indent:-9999px;
}
ul.pick-color li a.selected {
	width:28px;
	height:28px;
	top:-1px;
	left:-1px;
}
.quantity {
	position:relative;
	border:1px solid #dddddd;	
	padding:0 24px;
	overflow:hidden;
	width:95px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.quantity input {
	background-color:#ffffff;
	border:none;
	width:100%;	
	padding: 2px 10px;
	text-align: center;
}
.btn-down-qty, .btn-up-qty {
	width:24px;
	height:24px;
	background-color:#dddddd;	
	position:absolute;
	top:0;
	border:none;
}
.btn-down-qty {
	left:0;	
}
.btn-up-qty {
	right:0;	
}
.price-order-product {
	font-size:20px;
	font-weight:bold;
	color:#dc1616;
	margin-top:15px;	
}
.promotion-order h5 {
	position:relative;
	padding-left:25px;	
}
.promotion-order h5 i {
	position:absolute;
	top:-5px;
	left:0;
	color:#e13030;
	font-size:20px;
}
ul.box-promo {
	list-style:none;	
	padding:10px 15px;
	margin-top:10px;
	border:1px dashed #e13030;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}
ul.box-promo li {
	font-size:13px;	
	color:#e13030;
}
.deadline {
	font-style:italic;	
	font-size:13px;
	margin-top:20px;
}
.call-free {
	font-size:13px;
	margin-top:10px;
	color:#999999;
}
.hotline-red {
	color:#e13030;
	font-weight:bold;	
}
.order-customer {
	padding:25px;
	border-left:1px solid #e1e1e1;		
}
label {
	font-weight:normal;
}
.total-order {
	padding:7px 15px;
	border:1px dashed #03a9f4;
	color:#03a9f4;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.bg-danger {
	padding:5px 20px;
	color:#900;
	margin-top:5px;	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}
.btn-order {
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	display:block;
	width:100%;
	color:#ffffff;
	background-color:#df952b;
	border-top:0 solid #b97c24;
	border-bottom:4px solid #b97c24;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.btn-order:hover {
	color:#ffffff;	
	border-top:4px solid #9f681a;
	border-bottom:0 solid #9f681a;
	background-color:#ce8824;
}
.order-success {
	padding:25px;
}
.icon-success {
	position:relative;	
	float:left;
}
.icon-success .icon-cart-shopping-1 {
	font-size:90px;
	display:block;
	position:absolute;
	top:10px;
	left:20px;	
	color:#85c42b;
}
.icon-success .icon-check {
	color: #ffffff;
	position: absolute;
	top: 46px;
	left: 60px;
	font-size: 22px;
}
.content-success {
	margin-left:150px;	
}
.content-success h2 {
	font-size:26px;
	font-weight:bold;
	color:#85c42b;
	margin-top:10px;	
}
.name-user {
	color:#0277bd;	
}
@media (max-width:374px) {
	.pro-order img {
		width: 72px;
		height: 72px;
	}
	.info-pro-order {
		margin-left: 85px;
	}
}
@media (max-width:767px) {
	.order-customer {
		border-top: 1px solid #e1e1e1;
		border-left-width:0;
	}
	.icon-success .icon-cart-shopping-1 {
		font-size: 55px;
		top: 0;
		left: 0;
	}
	.icon-success .icon-check {
		top: 22px;
		left: 22px;
		font-size: 15px;
	}
	.content-success {
		margin-left: 80px;
	}
	.modal.order .modal-body {
		height:auto !important;
	}
}
/*Product detail*/
.detail-pro {
	background-color:#ffffff;
	border: 1px solid #e1e1e1;
	margin-bottom:20px;	
}
.right-detail-pro  {
	border-left:1px solid #e1e1e1;
	padding:0 25px;	
}
.head-detail-pro {
	border-bottom: 1px solid #e1e1e1;
	margin:0 -25px 0 -25px;
	padding: 20px 20px 10px;
}
h1.title-detail-pro {
	font-size:28px;
	line-height:36px;
	margin-top:0;	
	font-weight:bold;
}
h2.title-detail-pro {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:28px;
}
.wrapper-info-detail {
	padding:30px 0;	
}
.row-detail-pro .label-detail {
	float:left;
	padding-top:3px;
}
.row-detail-pro .pick-color {
	float:left;
	margin-top:0;
	margin-left:20px;
}
.row-detail-pro .quantity {
	float:left;	
	margin-left:28px;
}
.main-price-detail-pro {
	font-size:18px;
	color:#999999;
	text-decoration:line-through;
	margin-top:20px;	
}
.sale-price-detail-pro {
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
}
.status-pro {
	font-size:13px;
	color:#1aa447;
	font-weight:normal;
}
.btn-order-detail, .btn-order-detail:focus {
	background-color:#e13030;
	display:block;
	border:none;
	outline:0;
	margin:0 auto;
	width:174px;
	padding:10px 30px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px;
	border-top:0 solid #bb2828;
	border-bottom:5px solid #bb2828;
	float:left;
	border-radius: 30px;
	-webkit-border-radius: 30px;	
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
.btn-order-detail:hover {
	border-bottom:0 solid #bb2828;
	border-top:5px solid #bb2828;
	background-color:#f53d3d;
	outline:0;
}
.btn-order-detail i {
	margin-right:10px;	
}
.btn-call-phone {
	background-color:#1aa447;
	display:block;
	border:none;
	outline:0;
	margin:20px auto;
	width:196px;
	padding:10px 30px;
	color:#063;
	text-transform:uppercase;
	font-size:16px;
	border-top:0 solid #bb2828;
	border-bottom:3px solid #063;
	border-radius: 30px;
	-webkit-border-radius: 30px;	
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	font-weight: bold;
}
.btn-call-phone:hover {
	color:#ffffff;
	text-decoration:none;
}
.btn-call-phone i {
	font-size: 20px;
	line-height: 16px;
	display: block;
	float: left;
	margin-right: 5px;
}
.hotline-detail {
	margin-left:186px;	
}
.hotline-detail p {
	margin-bottom:0;
	font-size:12px;	
}
.hotline-detail .hotline-red {
	font-size:13px;	
}
.contents-detail-pro {
	clear:both;
	border-top:1px solid #e1e1e1;
	padding:15px;
}
.content-dp h4 {
	font-size:16px;
	font-weight:bold;	
}
.content-dp p .note-img-pro {
  display: block;
  margin-top: 10px;
  color: #999999;
  margin-bottom: 20px;
}
.box-detail-fluid {
	border-top:1px solid #e1e1e1;
	padding:10px 25px 0;	
}
.relate-pro {
	margin: 0 -25px;
	overflow:hidden;	
}
.relate-pro  .item-pro-box {
	border-bottom-width:0;
	border-top:1px solid #e1e1e1;	
}
.security-pro {
	position:relative;
	height:83px;
	margin-bottom:30px;	
}
.icon-security {
	position:absolute;
	top:0;
	left:0;
	z-index:2;	
}
.why-security {
	position: absolute;
	left: 30px;
	background-color: #85c42b;
	top: 27px;
	z-index: 1;
	height: 30px;
	color: #fff;
	line-height: 30px;
	font-size: 12px;
	text-align:right;
	padding-right: 25px;
	padding-left: 60px;
}
.why-security a {
	color:#ffffff;	
}
.icon-arrow {
	right: -15px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #fff;
	border-width: 30px;
	margin-top: -30px;
	z-index: 3;
}
.table-tech {
	display: table;
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;	
}
/***** responsive-table *****/
.table-tech {
	display:table;
	border-collapse: collapse;
	width:100%;
	box-sizing:border-box;
	margin-bottom:15px;
}
.row-table {
	display: table-row;
}
.row-table:nth-child(1) {
	border-top:1px solid #eeeeee;
}
.head-col {
	background-color:#eeeeee;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-top:20px;
}
.row-table:nth-child(even) {
	background-color:#ffffff;
}
.row-table:nth-child(odd) {
	background-color:#fafbfb
}
.col-tech {
	display: table-cell;
	padding:10px;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	text-align:left; 
	vertical-align:middle;
}
.col-tech:nth-last-child(1) {
	border-right:1px solid #eeeeee;
}
.col-tech .list-color {
	margin-top:0;	
}
.desc-tech {
	font-size:13px;	
}
.name-tech {
	color:#999999;
	font-size:13px;	
}
.list-color2{
	margin:0 0 -4px 0;
	padding:0;
}
.list-color2 li{
	list-style:none;
	display:inline-block;
	width:18px;
	height:18px;
	margin:3px 6px 3px 0;
}
@media (max-width:767px) {
	/* menu scroll fixed*/
	.content {
		padding-top:152px;	
	}
	header {
		position:fixed;
		width:100%;
		z-index:99;
		transition: top 0.2s ease-in-out;
		-webkit-transition: top 0.2s ease-in-out;	
	}
	.nav-up {
		top: -40px;
	}
	.navbar-collapse {
		height: 300px !important;
		overflow: auto;
		position: absolute;
		background-color: #fff;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		-webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
	}
	
	.right-detail-pro {
		padding: 20px 15px 10px;
		border:none;
	}
	.head-detail-pro {
		margin:0 -15px;
		padding: 20px 15px 10px;
	}
	.status-pro {
		display:block;	
	}
	h1.title-detail-pro {
		font-size: 20px;
		line-height: 24px;
	}
	.wrapper-info-detail {
		padding: 30px 0 0;
	}
	.contents-detail-pro {
		padding:0;	
	}
	.row-detail-pro {
		text-align:center;	
	}
	.btn-order-detail {
		float:none !important;	
	}
	.hotline-detail {
		margin-left: 0;
		text-align: center;
		margin-top: 10px;
	}
	.hotline-detail p:nth-child(1), .hotline-detail .hotline-red {
		display: inline-block;
	}
	.why-security {
		left: 0;
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
	.security-pro {
		height:55px;	
	}
	ul.breadcrumb li h1, ul.breadcrumb li h3 {
		font-size:13px;	
	}
	.main-price-detail-pro {
		margin-top: 30px;
		margin-bottom:0;
	}
	.content-dp img {
		width:100%;	
	}
	.left-detail-pro {
		padding: 30px 30px 0;	
	}
	.box-detail-fluid {
		padding: 10px 15px 0;
	}
	.relate-pro {
		margin: 0 -15px;
	}
}
@media (min-width:768px) and (max-width:990px) {
	.left-detail-pro {
		padding: 50px 50px 0;	
	}
	.right-detail-pro {
		border:none;
	}
}
/*result search*/
.keyword {
	background-color:#ffffff;
	border:1px solid #e1e1e1;	
	border-bottom:none;
	margin-top:20px;
	padding:20px 20px 10px;
}
.keyword h1 {
	font-size:24px;
	margin-top:0;	
}
.keyword-hl {
	color:#03a9f4;
	font-weight:bold;	
}
.relate-keyword label {
	color:#999999;	
}

/*add player youtube*/
.content-dp img {
	max-width: 100%
}
.w-player {
	position:relative;
	padding-top: 56.25%;	
	margin: 20px 0;
}
.player {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;	
}
.player iframe {
	width: 100% !important;
	height: 100% !important;	
}