
.sbi-calc-tabs { 
  list-style: none; 
  overflow: hidden; 
  font: 18px Helvetica, Arial, Sans-Serif;
  margin: 0px;
  padding: 0;
  background:#ecebea;
}
.sbi-calc-tabs li { 
  float: left; 
  width:33.33%;
}


.sbi-calc-tabs li:last-child {
   width:33.34%;
}
.sbi-calc-tabs li a {
  color: #455560;
  text-decoration: none; 

  position: relative; 
  display: block;
  text-align:center;
  pointer-events: none;
  font-weight:bold;
}
.sbi-calc-tabs li a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 40px solid transparent;
  border-left: 40px solid #ecebea;
  position: absolute;
  top: 56%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}	
.sbi-calc-tabs li a:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 40px solid transparent;
  border-left: 40px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 3px;
  left: 100%;
  z-index: 1; 
}	
.sbi-calc-tabs li:first-child a {
  padding-left: 10px;
}

.sbi-calc-tabs li:last-child a::before {
	display:none;
}

.sbi-calc-tabs li:last-child a:after { border: 0; }

.sbi-calc-tabs li.active a,
.sbi-calc-tabs li a:hover { background: #92c654;color: #fff; }

.sbi-calc-tabs li.active a::after ,
.sbi-calc-tabs li a:hover:after { border-left-color: #92c654 !important; }

.nav-tabs li a{
	font-family: 'Lato';
    font-size: 20px;
    padding: 38px 0px;
	clear:both;	
	padding-top: 28px;
}
.nav-tabs > li {
    margin-bottom: -14px!important;
}

.nav-tabs li a span.mdi{
	font-size:35px;
}
.nav-tabs li a span.glyphicon{
	position: absolute;
    color: #FFFFFF;
    z-index: 11;
    font-size: 125px;
    top: -18px;
	right:-20%;
}

.nav-tabs li a div{
	display:flex;

}


/*---Icon for each tabs----*/
.nav-tabs li.active:first-child a{
	background:url(../images/sprite-icons.png) no-repeat #92c654 ;
	background-position-x: 66px;
    background-position-y: 17px;
}
.nav-tabs li:first-child a{
	background:url(../images/sprite-icons.png) no-repeat #ecebea ;
	background-position-x: 66px;
    background-position-y: -74px;
}

.nav-tabs li.active:nth-child(2) a{
	background:url(../images/sprite-icons.png) no-repeat #92c654 ;
	background-position-x: 90px;
    background-position-y:-164px;
}
.nav-tabs li:nth-child(2) a{
	background:url(../images/sprite-icons.png) no-repeat #ecebea ;
	background-position-x: 90px;
    background-position-y: -252px;
}

.nav-tabs li.active:nth-child(3) a{
	background:url(../images/sprite-icons.png) no-repeat #92c654 ;
	background-position-x: 95px;
    background-position-y:-342px;
}
.nav-tabs li:nth-child(3) a{
	background:url(../images/sprite-icons.png) no-repeat #ecebea ;
	background-position-x: 95px;
    background-position-y: -430px;
}


@media (max-width: 1280px){
	/*---Icon for each tabs----*/

.nav-tabs li.active:first-child a,.nav-tabs li:first-child a{	background-position-x: 37px;}
.nav-tabs li.active:nth-child(2) a,.nav-tabs li:nth-child(2) a{	background-position-x: 75px;}
.nav-tabs li.active:nth-child(3) a,.nav-tabs li:nth-child(3) a{	background-position-x: 82px;}
.nav-tabs li a span.glyphicon {    right: -22%;}
.sbi-calc-tabs li a:before {
    border-top: 50px solid transparent!important;
    border-bottom: 50px solid transparent!important;
    border-left: 50px solid white!important;
    top: 50%;
    margin-top: -55px;
    margin-left: 0px;
}

	.sbi-calc-tabs li a:after {
    border-top: 50px solid transparent!important;
    border-bottom: 50px solid transparent!important;
    border-left: 50px solid #ecebea!important;
    top: 50%;
    left: 99%;
    }
		
}

@media (max-width: 1024px){
	.nav-tabs li.active:first-child a,.nav-tabs li:first-child a{	background-position-x: 37px;}
.nav-tabs li.active:nth-child(2) a,.nav-tabs li:nth-child(2) a{	background-position-x: 52px;}
.nav-tabs li.active:nth-child(3) a,.nav-tabs li:nth-child(3) a{	background-position-x: 60px;}
	
}

@media (max-width: 960px){
	.nav-tabs li a{font-size:15px;background-image:none!important;}
	.nav-tabs li a span.glyphicon {   right: -34%;
    top: -23px;}	
}

@media (max-width: 823px) {
	.nav-tabs li a{font-size:15px;background-image:none!important;}
	.nav-tabs li a span.glyphicon {   right: -36%;
    top: -23px;}
	
}

@media (max-width: 568px){
	.nav-tabs li a{padding:30px 0px 38px 39px;}
	.nav-tabs li a span.glyphicon {    right: -43%;}
	.sbi-calc-tabs{height:75px;}
	.nav-tabs li a{text-align:right;padding-right:5px!important;}	
}

@media (max-width: 480px){
	.nav-tabs li a{padding:30px 0px 38px 39px;}
	.nav-tabs li a span.glyphicon {    right: -65%;}
	.sbi-calc-tabs{height:75px;}
	.nav-tabs li a{text-align:right;padding-right:5px!important;}	
}

@media (max-width: 320px){
	.nav-tabs li a{padding:30px 0px 38px 39px;}
	.nav-tabs li a span.glyphicon {    right: -79%;}
	.sbi-calc-tabs{height:75px;}
	.sbi-calc-tabs li a:before{border-left:none;}
	.nav-tabs li a{text-align:right;padding-right:0px!important;font-size:12px;}
	
}