@charset "utf-8";
/* CSS Document */

/*------------table styleing-----------*/
/* The important stuff */

table.data-table {
 /* border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
font-family: 'Fira Sans Condensed', sans-serif;
}
table.data-table tr td, table.data-table tr th {
	padding:0.625rem;
	font-size: 15px;
	font-weight: 300;
	border: 1px solid #c3c9cc;
}
table.data-table tr:nth-child(even) td{ background: #f8f8f8;}
 table.data-table tr:nth-child(odd) td{ background: #fff;}

.table-container{
    -webkit-overflow-scrolling: touch;
	margin-top:5px;
}
.stick-table-heading{
	font-weight: 400 !important;
}

 table.product_table {
 /* border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
font-family: 'Fira Sans Condensed', sans-serif;
}
table.product_table caption {
  margin: .5em 0 .75em;
}
table.product_table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
 /* padding: .35em;*/
	font-weight: 300;
}
table.product_table tr:nth-child(even) td{ background: #f8f8f8;}
 table.product_table tr:nth-child(odd) td{ background: #fff;}
table.product_table th,
table.product_table td {
  padding: 3px;
  text-align: center;
	font-size: 15px;
font-weight: 300;
	 /*border-top: 1px solid #c3c9cc!important;*/
	border: 1px solid #c3c9cc!important;
}
table.product_table th {
  text-transform:capitalize;
	font-weight: 400;
	background-color:#E7E7E7;
}
.note{
	color: #BD0003;
}

@media screen and (max-width: 800px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    /*border-bottom: 3px solid #ddd;*/
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  table.product_table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	  width: 200px;
text-align: left;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
table.product_table th,
table.product_table td {
	 border-top: none!important;
	border-right: none!important;
}
.video_style{
	max-width: 360px;
	width:100%;
}
@media screen and (max-width:1024px) 
{
	#shruti_products{
	text-align:center;
	width:31%;
	margin: 0px 10px 20px;
}
	.shruti_product_img{padding:14px 0px;}
}
@media screen and (max-width: 980px) 
{
	#shruti_products{
		text-align:center;
		width:31%;
	}
	.shruti_product_img{padding:14px 0px;}
}
@media screen and (max-width: 800px) {
	#shruti_products{
		text-align:center;
		width:226px;
	}
}

@media screen and (max-width: 768px) {
	#shruti_products{
		text-align:center;
		width:44%;
		margin:10px 20px 20px 20px;
	}
	.shruti_product_img{padding:14px 0px;}
}
@media screen and (max-width: 660px) {
	#shruti_products{
		text-align:center;
		width:42%;
		margin:10px 20px 20px 20px;
	}
	.shruti_product_img{
		margin:0px;
		/*padding-top:34px;*/
	}
}
@media screen and (max-width: 500px) {
	#shruti_products{
		float:left;
		width:95%;
		margin: 10px 10px 20px;
	}
}
@media screen and (max-width: 480px) {
	#shruti_products{
		float:left;
		width:95%;
		margin: 10px 10px 20px;
	}
	.shruti_product_img{
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 360px) {
	#shruti_products{
		float:left;
		width:95%;
		margin: 10px 10px 20px;
	}
	table.product_table td:before {
	  width: 130px;
  }
}
@media screen and (max-width: 320px) {
	#shruti_products{
		float:left;
		width:95%;
		margin: 10px 10px 20px;
	}
	table.product_table th, table.product_table td {
    font-size: 14px;
	}
}