@import url(https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|Roboto:400,700);
.tabs input[type=radio] {
  position: absolute;
  display:none;
  /*top: -9999px;
  left: -9999px;*/
}
.tabs {
  min-width: 700px;
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0 auto;
}
.tabs li{
  float: left;
}
.tabs label {
  display: block;
  padding: 9px 40px !important;
  margin: 0 2px 0 0;
  color: #2a2a2a;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
  background: #FFF;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  position: relative;
  
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover{
  background: #10509e;
  color: #fff;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
}
[id^=tab]:checked + label {
  background:rgba(255,255,255, 0.8);
  color: #2a2a2a;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
 
}
[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}
.tab-content{
  z-index: 2;
  display: none;
  text-align: left;
  width: 100%;
  font-size: 0.9em;
  padding: 7px 10px;
  background: rgba(255,255,255, 0.8);
  position: absolute;
  top: 39px;
  left: 0;
  overflow-y:scroll;
    
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.tab-content a:link {
  color: #666;
  width:95px;
  padding:10px 20px ;
  display:inline-block;
  float:left;
  text-decoration: none;
}
.tab-content a:visited,
.tab-content a:hover,
.tab-content a:active {
  text-decoration: underline;
}
.tab-content a:last-child {
  border-right: none;
}
.fg::before,
.fg::after{
  content: " : : ";  
}
.country-text
{
	color:#000 !important;
	font-size:14px;
}
.course-text
{
	color:#000 !important;
	font-size:16px;
	/*padding:10px 20px;*/
	min-width:250px !important;
	padding:20px 10px!important;
	font-weight:600;
	
	
}


@media screen and (max-width:1200px){
	
.tab-content a:link{
	width:95px;
}
.tab-content{
	overflow-y:scroll;
	height:215px;
}

}



@media screen and (max-width:991px){
	
	.tab-content a:link{width:90px;}
	
	.esc-recent-outer{margin-right:20px;}

}




@media screen and (max-width:940px){
	
	.tab-content{height:190px;}
	
}

@media screen and (max-width:870px){
	
	.tab-content{height:160px;}
	
}

@media screen and (max-width:785px){
	
	.tab-content{height:150px;}
	
}


@media screen and (max-width:767px){
	
.tabs{min-width:500px;}

.tab-content{height:140px;}

.tab-content a:link{width:76px;}



}


@media screen and (max-width:680px){
	
	.tabs{min-width:200px; width:75%;}
	
	.tabs label{padding: 5px 20px !important;}
	
	.tab-content{top:31px;}
	
	.esc-recent-outer{width:100%; margin-bottom:20px; top:10px; min-height:inherit;}
	
	

}


@media screen and (max-width:550px){
	
	
	.tabs{min-width:200px; width:90%;}
	
}

@media screen and (max-width:480px){
	
	.tabs label{font-size:13px;padding: 5px 5px !important;}
	
	.tab-content{padding: 7px 0px; top:28px;}
	
	[id^=tab]:checked + label{font-size:13px;}
	
}