

.pro-content {
	margin-top: 50px;
}

.demo {
	width: 100%;
	height: 600px;
	min-height: 600px;
}

.tab .nav-tabs {
	border-bottom: 0 none;
}

.pro-content .tab .nav-tabs li {
	/* margin-right: 10px; */
	position: relative;
	
}

.tab .nav-tabs li a {
	border: none;
	/* padding: 18px 15px; */
	color: #fff;
	background: #272e38;
	border-radius: 0;
}

.tab .nav-tabs li a i {
	font-size: 14px;
	margin-right: 10px;
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover {
	border: none;
	background: #e21f2f;
	color: #fff;
	transition: background 0.20s linear;
}

.tab .nav-tabs li.active:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 37%;
	border: 15px solid transparent;
	border-bottom-color: #e21f2f;
}

.tab .nav-tabs li.active a:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 4%;
	width: 92%;
	height: 82%;
	
	display: block;
}

.tab .tab-content {
	background: #fdfdfd;
	line-height: 25px;
	padding: 20px 25px;
	margin-top: 15px;
	border: 1px solid #ddd;
	border-top: 5px solid #e21f2f;
	border-bottom: 5px solid #e21f2f;
}

.tab-content .tab-pane h3{
	margin-bottom:20px;
	color:#000;
	font-weight: 600;
}

.tab-content .tab-pane p strong{
	display:block;
	margin:15px 0;
}

.tab-content .tab-pane p{
	line-height:32px;
}

.tab-content table{
	width:100%;
	margin-top: 30px;
	text-align: center;
}


.tab-content table td, .tab-content table th {
    padding: 10px 35px;
    border: 1px solid #ccc;
}

.tab-content table tr:hover{
  background: #ebebeb;
}



@media only screen and (max-width: 480px) {
	.tab .nav-tabs li {
		width: 100%;
		margin-bottom: 5px;
	}
	.tab .nav-tabs li a {
		padding: 20px;
	}
	.tab .nav-tabs li.active:after {
		border: none;
	}
	.tab .nav-tabs li.active a:after {
		width: 97%;
		left: 1.5%;
	}
	.tab .tab-content {
		margin-top: 5px;
	}
}

@media (max-width: 767px) {
	.card-box-a,
	.card-box-b,
	.card-box-c,
	.card-box-d {
		margin-bottom: 2.5rem;
	}
	.Xcontent_r,
	.Xcontent_l {
		width: 100%;
	}
}

.card-box-a span,
.card-box-b span,
.card-box-c span,
.card-box-d span {
	line-height: 0;
}



.card-box-a,
.card-box-b,
.card-box-d {
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.card-box-a .img-a,
.card-box-a .img-b,
.card-box-b .img-a,
.card-box-b .img-b {
	transition: .8s all ease-in-out;
}

@media (min-width: 768px) {
	.card-box-a:hover .img-a,
	.card-box-a:hover .img-b,
	.card-box-b:hover .img-a,
	.card-box-b:hover .img-b {
		transform: scale(1.2);
	}
}

@media (min-width: 768px) {
	.card-box-a .price-a,
	.card-box-b .price-a {
		font-size: .9rem;
	}
}

@media (min-width: 992px) {
	.card-box-a .price-a,
	.card-box-b .price-a {
		font-size: 1rem;
	}
}


.tab-content ul{display: flex;}
.tab-content ul li{list-style: none;float: left;margin-right: 15px;}
.tab-content img{width: 300px;}
.logo img{width:200px;height:100px;border: none;margin-right: 15px;}