main ul:not(.ui-tabs-nav) {
	margin: 2px 0px 2px 30px !important;
	font-size:14px !important;
	line-height: 1.5em !important;
	}


.ui-tabs-nav li{
 width:32% !important;
}

.ui-tabs-nav li a{
 width:100% !important;
}

.executive-card {
  
  transition: 0.3s;
  width: 100%;
  background-color: #fff !important;
}

.executive-card .cont {
  padding: 2px 16px;
  height: 70px !important;
  padding-left:2px !important;
}

.executive-card .cont h4 {
  padding-top:10px;
}

.executive-card .cont p{
  margin:0;
  font-size:13px !important;
}

.executive-card img{
  width:84% !important;
  border-color: #cababa;
  border-width: 1px;
  border-style: solid;
}

main .ui-tabs .ui-tabs-nav li 
{
 white-space: normal !important;
}

main .ui-tabs .ui-tabs-nav .ui-tabs-anchor
{
  padding:0 0 0 0 !important;
}

main .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 3px solid #003eff;
    background: #fff; 
    font-weight: normal;
    color: #fff;
}

main .ui-widget-header {
    background: #fff !important;
    color: #333;
    font-weight: bold;
}
@media only screen and (max-width: 767px) and (min-width: 320px)
{
  .ui-tabs-nav li{
    width:31% !important;
   }
   
   .executive-card .cont h4 {
     font-size:13px !important;
     padding-top:10px;
   }

   .executive-card .cont p{
     font-size:12px !important;
     margin:0;
     
   }
   
    
}

.tab-nav-lvl1 .active {
    border-bottom: 3px solid 
    #fff !important;
}

<link href="/getmedia/59578e27-b55e-4c50-b3e8-2ca9656a9802/retirement-and-reinvestment.aspx" rel="stylesheet" type="text/css">