.nav-tabs {
    list-style: none;
    padding-left: 0;
}
.nav-tabs li{
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(330deg);
    transition: background 0.2s, color 0.2s, transform 0.5s, margin 0.4s;
}
.nav-tabs li:hover {
    margin-right: 30px;
}
.nav-tabs li.active {
    color: #3498db;
    background: #f2f2f2;
    transform:rotateX(360deg) rotateY(0deg) rotateZ(0deg) skewX(330deg);
    transition: all 0.8s ease 0s;
}
.nav-tabs li a{
    border:none;
    outline:none;
    padding: 14px 28px;
    color:#fff;
   /* background: #3498db;*/
   background: #224663;
}
.nav-tabs li a:hover{
    color:#333;
}
.tab .tab-content h4{
    color:#3498db;
}
@media only screen and (max-width: 480px) {
    .nav-tabs li{
        width:100%;
        margin:0 0 10px 0;
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg);
    }
    .nav-tabs li.active {
        border-bottom:1px solid #D3D3D3;
        transform:rotateX(360deg) rotateY(0deg) rotateZ(0deg) skewX(0deg);
    }
}