/*-- features --*/
.bs-example{
	margin:3em 0 0;
}
.nav-tabs > li > a {
    margin-right: 15px;
    border-radius: 0;
    color: #212121;
    text-transform: uppercase;
    font-weight: 600;
}
.nav-tabs > li {
    float: none;
    display: inline-block;
}
.nav-tabs {
    width: 43%;
    margin: 0;
    border-bottom: 1px solid #ffffff;
}
.nav-tabs > li > a:hover {
    border: 1px solid #00b7c9;
    border-bottom: 1px solid #00b7c9;
    background: #00b7c9;
    color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
     background: #00b7c9;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #00b7c9;
    border-bottom: 1px solid #00b7c9;
    background: #00b7c9;
    color: #fff;
}
.w3agile_tab_left h4 {
    font-size: 22px;
    color: #f99104;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 600;
}
.w3agile_tab_left p {
    color: #999;
    line-height: 2em;
    margin: 1em 0 2em;
    font-size: 15px;
}
.w3agile_tabs {
    margin: 3em 0 0;
}
.w3agile_tab_right1 {
    margin: 2em 0 0;
}
.features h3 {
    color: #f99104;
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    padding-bottom: .5em;
    position: relative;
    text-transform: uppercase;
}
.features h3:after {
    content: "";
    height: 3px;
    background: #00b7c9;
    position: absolute;
    width: 8%;
    top: 57px;
    left: 0;
}
.features {
    padding: 5em 0;
}
.w3agile_tab_right.w3agile_tab_right2 {
    padding-left: 0;
}
/*-- //features --*/
.tab-content > .active {
	display: block;
	visibility: visible;
}

.tab-content > .active {
	display: block;
	visibility: visible;
}
@media (max-width: 320px){
	
	.nav > li > a {
		font-size: 14px;
	}

}
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
@media (max-width: 1080px){

.nav-tabs {
    width: 60%;
}
}

@media (max-width: 991px){

.nav>li>a {
    padding: 10px 7px ! important;
}

.w3agile_tab_left {
    float: left;
    width: 55%;
}
.w3agile_tab_right.w3agile_tab_right2 {
    float: left;
    width: 45%;
}
.nav-tabs {
    width: 60%;
}
.w3agile_tab_left h4 {
    font-size: 20px;
}
.features {
    padding: 3em 0;
}
.w3agile_tab_left p {
    font-size: 14px;
}
}

@media (max-width: 736px){
.nav-tabs {
    width: 65%;
}

}
@media (max-width: 667px){

.nav-tabs {
    width: 75%;
}
}
@media (max-width: 640px){

.w3agile_tab_right.w3agile_tab_right2 {
    float: left;
    width: 100%;
	padding-left: 16px;
}
.w3agile_tab_right.w3agile_tab_right2 img {
    width: 100%;
}
.w3agile_tab_left {
    width: 100%;
    margin-top: 20px;
}
}
@media (max-width: 600px){
.nav-tabs {
    width: 85%;
}
}
@media (max-width: 480px){
.nav-tabs {
    width: 100%;
}
}
@media (max-width: 414px){

.top-bar {
    padding: 8px 0 4px;
}

.nav-tabs > li > a {
    margin-right: 0px;
}
}
@media (max-width: 384px){
	.nav>li>a {
    padding: 10px 4px ! important;
    font-size: 13px;
}
}
@media (max-width: 320px){
.border {
    width: 51%;
	margin-bottom: 27px;
}

.features {
    padding: 2em 0;
}
.bs-example {
    margin: 1em 0 0;
}
.nav>li>a {
    padding: 7px 3px ! important;
    font-size: 11px;
}
.w3agile_tabs {
    margin: 2em 0 0;
}
.w3agile_tab_right.w3agile_tab_right2 {
    padding: 0;
}
.w3agile_tab_left {
    padding: 0;
}
.w3agile_tab_left p {
    font-size: 13px;
}
.w3agile_tab_left h4 {
    font-size: 19px;
}
.features {
    padding: 2em 0 0;
}
}