/** v1 -	for v-board	
*/

/*a.nav-link {*/
/*	font-size: 0.8rem;*/
/*}*/

.v-board-content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 1rem;
}
	.v-board-content h1,h2,h3,h4,h5,h6{
		color: #fff;
	}
	.v-board-content .nav .nav-item {
		padding: 6px;
		margin-left: 4px;
		margin-right: 4px;
	}


.howtoTab-item {
	width: 260px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 8px;
}
#howtoTab li a {
	height: 48px;	
	font-size: 1.1rem;
	font-weight: 600;
}
#howtoTab li a active {
	color: #000;
	background-color: #fff; 
}
#howtoTab li a:hover {
	color: #000;
	background-color: #fff; 
}
.video-wrap iframe{
	width: 75%;
	height: 40vw;
	
}

.vboard-step-heading {
/* 	font-size: 25px; */
}
img.vboard-thumbnail {
	width: 70%;	
}

#vboard-ordernow-wrap {
	width: 70%;	
}

/**
	Order now btn	animations */
:root {
  --d: 2000ms;
  --gradX: 100%;
  --gradY: 100%;
  --c1: rgba(226, 95, 141, 1.0);/*#E25F8D;*/
  --c2: rgba(255, 123, 170, 0.3);/*or #FF7BAA */
  --c3: rgba(104, 170, 165, 1.0);/*#68AAA5;*/
  --c4: rgba(152, 188, 185, 0.3);/*or #98BCB9;*/
}

@keyframes borderRadial {
  20% {
    --gradX: 50%;
    --gradY: 100%;
  }
  40% {
    --gradX: 0%;
    --gradY: 100%;
  }
  60% {
    --gradX: 0%;
    --gradY: 0%;
  }
  80% {
    --gradX: 50%;
    --gradY: 0%;
  }
  100% {
    --gradX: 100%;
    --gradY: 0%;
  }
}

.ordernow {
	width: 166px;
	height: 54px;
	border: 3px solid #E25F8D;
 	border-radius: 50px;
	color: #fff;
 	font-size: 20px; 
	padding-top: 6px;

   	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 12;

  	animation: borderRadial var(--d) linear infinite forwards;
}
/**
	Consult now btn	animations */
.consultnow {
	width: 166px;
	height: 54px;
	border: 3px solid #68AAA5;
 	border-radius: 50px;
	color: #fff;
 	font-size: 20px; 
	padding-top: 6px;

   	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c3), var(--c3) 10%, var(--c4) 40%) 12;

  	animation: borderRadial var(--d) linear infinite forwards;
}


@media(min-width: 1440px){
	#productPC {
		display: block;
	}
	#productMobile {
		display: none;
	}
	img#vboard-spec-pc {
		display: block;
	}
	img#vboard-spec-mobile {
		display: none;
	}
}
@media(max-width: 539px){

	#detailsTab.nav .nav-item {
		padding: 6px;
		margin-left: 4px;
		margin-right: 4px;
		border: 1px solid #aaa;
	}
	#detailsTab.nav .nav-item .nav-link {
		font-size: 12px;		
		padding: 0;
	}
	.howtoTab-item {
		width: 160px;
		margin: 0;
	}
	.carousel-item {
		height: 196px;
	}
	.video-wrap iframe {
		width: 100%;
		height: 260px;
	}

	.vboard-step-heading {
/* 		font-size: 1rem; */
	}
	img.vboard-thumbnail {
		width: 100%;
	}
	img#vboard-spec-pc {
		display: none;
	}
	img#vboard-spec-mobile {
		display: block;
	}

	#vboard-ordernow-wrap{
		width: 100%;
	}	
	.consultnow,
	.ordernow {
		width: 148px;
		height: 48px;
	 	font-size: 1rem; 
		padding-top: 6px;
	}
	.card-body {
		padding-left: 0;
		padding-right: 0;
	}
	
}
/*	END	@media(max-width: 539px)*/