/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  /*border-right: 1px solid #ddd;*/
}
.tabs-right {
  /*border-left: 1px solid #ddd;*/
}
.tabs-left>li, .tabs-right>li {
  float: left; margin-bottom: 2px; width: 100%; padding:5px 0px;
}
.tabs-left>li {
  /*margin-right: -1px;*/
}
.tabs-right>li {
  /*margin-left: -1px;*/
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  /*border-bottom-color: #ddd;
  border-right-color: transparent;*/
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  /*border-bottom: 1px solid #ddd;
  border-left-color: transparent;*/
}
.tabs-left>li>a {
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  margin-right: 0;
  text-align:left;
  padding:0px;
}
.sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
	background-color:#ff0000 !important;
}

.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hd_lft_algn{
	text-align:left; text-indent:15px;	
}
.tab_btm_space{
	margin-bottom:30px;
}
.tab_top_space{
	margin-top:20px;
}
.pro_cat_bg{
	width:100%; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	padding:10px 20px;
}
.pro_cat_bg h4{
	width:100%; color:#0084c3; font-size:24px; font-family: 'Oswald', sans-serif; font-weight:300; text-align:left;
}
.tab_datl_hd{ color: #ff6e0e;  font-size: 22px !important; line-height: 23px; padding-bottom: 21px; border-bottom: 1px solid #7f7f7f; margin-bottom: 17px; width:100%; text-align: left;
	/*width:100%; float:left; text-align:left; padding:7px 15px; color:#fff; background:#fe5024; font-size:20px; */
}
.prodct_list{
	width:100%; float:left; padding:10px 20px;
}
.prodct_list ul{
	padding:0px; margin:0px;
}
.prodct_list li{
	list-style:none; list-style-type:; float:left; width:50%; padding:7px 0px;
}
.prodct_list li a{
	width:auto; float:left; color:#000; font-size:16px; text-decoration:none;
}
.prodct_list li a:hover{
	color:#0084c3;
}
.prodct_list li a i, .prodct_list li i{
	margin-right:10px;
}
.nav-tabs > li > a{
	border-radius:0px !important; border:none !important; color:#000000;
}
.nav-tabs > li > a:hover{
	color:#0084c3; background:transparent;
}
.nav-tabs > li > a i{
	 margin-right:10px;
}
.nav-tabs > li.active > a{
	color:#0084c3;
}

@media screen and (min-width:320px){
.prodct_list li {
    width: 100%; text-align:left;
}
.prodct_list{
	padding: 10px 0px;
}
.pro_cat_bg{
	margin-bottom:30px;
}
/*.prodct_list li, .tabs-right > li > a{ font-size:12px;}*/
.prodct_list li, .tabs-left > li, .tabs-right > li{ padding:2px 0;}
.tab_datl_hd, .pro_cat_bg h4{ font-size:15px;}

}
@media screen and (min-width:480px){
.prodct_list li {
    width: 100%; text-align:left;
}
.prodct_list{
	padding: 10px 0px;
}
.pro_cat_bg{
	margin-bottom:30px;
}

}

@media screen and (min-width:580px){
.prodct_list li {
    width: 50%; text-align:left;
}
.prodct_list{
	padding: 10px 0px;
}
.pro_cat_bg{
	margin-bottom:30px;
}
.nav-tabs li{
	width:50%;
}

}
@media screen and (min-width:767px){
.prodct_list li {
    width: 50%; text-align:left;
}
.prodct_list{
	padding: 0px 0px 20px;
}
.pro_cat_bg{
	margin-bottom:30px;
}
.nav-tabs li{
	width:50%;
}
.prodct_list li, .tabs-right > li > a{ font-size:16px;}	
.prodct_list li, .tabs-left > li, .tabs-right > li{ padding:5px 0;}
.tab_datl_hd, .pro_cat_bg h4{ font-size:20px;}
}
@media screen and (min-width:768px){
.nav-tabs li{
	width:30%;
}
@media screen and (min-width:991px){
.nav-tabs li{
	width:100%;
}
}