EVOLUTION-NINJA

Edit File: course_tab.css

.courses li {
	list-style-type:none;
}
.drop1 {
	border-top: 4px solid #0075be !important;
	width: 700px;
	background: white !important;
	margin-top: 10%;
}
.drop1 li {
	list-style-type: none;
}
.tab_menu li {
	line-height: 26px;
}
.tab_menu li a {
	color: #555555 !important;
	font-size: 14px;
}
/*-------------------------- tabs plugin----------------------------------------*/
.tabs{
  background-color:#f5f5f5;
  padding-top:30px;
  padding-bottom:30px;
}

.tabs .tab-pane{
  margin-left:20px;
}

.tabs h3{
  font-size:20px;
  margin-top:10px;
  margin-bottom:60px;
}

.tabs p{
  font-size:14px;
}

.tabs a{
  font-size:15px;
  font-family:OpenSans,sans-serif;
  font-weight:700;
  color:#fff;
  padding:30px;
}

.tabs li{
  background-color:#333;
  margin-top:1px;
  text-align:center;
  height:110px;
  width:110px;
  padding-top:45px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.tabs li.active{
  //background-color:#ff8b38;
  background-color:#ffff;
}
/*---------------------------*/
.resp-vtabs ul.resp-tabs-list {
	width: 30% !important;
}
.resp-vtabs .resp-tabs-list li {
	background-color: #edf2f8 !important;
	color: #555555 !important;
	font-size: 13px;
}
.resp-vtabs li.resp-tab-active {
	background-color:#ffff !important;
}
.resp-tabs-container {
	border:transparent !important;
    width: 68% !important;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.drop1 {
		width:100%;
		margin-top:2%;
	}
	.h2.resp-accordion {
		color: #555;
	}
	h2.resp-tab-active {
		color: #a6cf39 !important;
	}
	#ChildVerticalTab_1{
		width: 94% !important;
	}
	.tab_menu li a{
		padding: 7px 0px !important;
	}
	ul.resp-tabs-list {
        //display: initial !important;
	}
	ul.resp-tabs-list li {
	    margin-left:20px !important;
	}
	.resp-vtabs ul.resp-tabs-list {
    	width: 100% !important;
    }
    .resp-tabs-container {
        width: 90% !important;
    }
}
@media only screen and (min-width:641px) and (max-width:991px) {
	h2.resp-tab-active {
		color: #a6cf39 !important;
	}
	ul.resp-tabs-list {
        //display: initial !important;
	}
	
	.resp-vtabs ul.resp-tabs-list {
    	width: 30% !important;
	    height: 200px;
    }
    .resp-tabs-container {
        width: 60% !important;
    }
}
@media only screen and (min-width:992px) and (max-width:1258px) {
	
}