@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    h2, h3, h4 {
        text-align: center;
    }

    .body-content {
        padding: 10px;
    }

    ul.nav.nav-tabs {
    	text-align: center;
	}

	.nav-tabs>li {
	    float: none;
	    font-size: 12px;
	    margin: 0;
	    padding: 0;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	    background: #169f9e;
	    border: none;
	    color: #fff;
	    border-radius: 0;
	}

	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		
	td { 
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
}