@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/*font-family: 'Open Sans', sans-serif;*/







#history {background-color:#f5f5f5; height:auto; margin-bottom:91px;}

.tab-bg{float:left; width:100%; margin:0px;}

#history .container {height: 100%;}

#history .container > h1 {	color: #000000;		font-weight: 600;	margin: 0;	padding: 27px 0 27px 0;	text-align: center;}

#history .container .row h1 {	color: #000000;	font-weight: 600;	margin: 0;	padding: 27px 0 27px 15px;	text-align: center;}

.container > h1 {	color: #000000;	font-weight: 600;	margin: 0;	padding: 40px 0 0px 15px;}

.tab_history  ul::after, ol::after { clear: both; content: ""; display: block;}

.tab_history .history_list {padding-top:29px; padding-left:0px; position:relative;}

.tab_history .history_list:before{background:#37c7ef; content: ""; outline:0px; display: block; height:4px; margin:0px; width:100%; top:41px; position:absolute;}

 

 

 

.tab_history .history_list li {float: left; text-align: center; width:16%; list-style:none; position:relative; z-index:2;}

.tab_history .history_list li.tab_on a::before {background-position: 100% 0; height:39px; margin-bottom:10px; width:28px; }

.tab_history .history_list li a::before {background: rgba(0, 0, 0, 0) url("../images/bg_tabA2.png") no-repeat scroll 0 0; content: ""; outline:0px; display: block; 

height:39px; margin: 0 auto 10px; width:28px;}



.tab_history .history_list li.tab_on a {color:#37c7ef; font-size:26px; font-family: "Oswald", sans-serif; 	}

.tab_history .history_list li a {outline:0px; text-decoration:none; color: #000; font-family: "Oswald", sans-serif;	display:inline-block;

	font-weight:600; font-size:26px; line-height:36px;	width: 100%;}

.history.history-list {	padding-bottom: 25px;	background-repeat: no-repeat;	background-size: cover; width:100%;}

.tabs {	width:100%;	display:inline-block;}



/*----- Tab Links -----*/

    /* Clearfix */

.tab-links:after {display:block; clear:both; content:'';}

.tab-links li {margin:0px 5px; float:left; list-style:none;}

.tab-links a {padding:9px 15px; display:inline-block; border-radius:3px 3px 0px 0px; background:#7FB5DA;font-size:16px;	font-weight:600;	color:#4c4c4c;	transition:all linear 0.15s;}

.tab-links a:hover {background:#a7cce5;	text-decoration:none;}

li.active a, li.active a:hover {color:#4c4c4c;}

/*----- Content of Tabs -----*/



#main_about .tab-content {padding:0px; background:none;}





.tab-content {padding:0px 0 0 0; border-radius:3px;height:100%;}

.tab {display:none;}

.tab.active {display:block;}

.nav.nav-tabs.tabs-left > li {font-size: 20px;	font-weight: 600;	margin-bottom:2px;	width: 100%;}

.nav.nav-tabs.tabs-left > li.active a, .nav.nav-tabs.tabs-left > li:hover a {outline:0px;	background-color:#545454;}

.nav.nav-tabs.tabs-left > li > a {	color:#fff;	background-color: #ababab;	border-radius:0 !important; width:100%; display:block;}





.tab-content .tab-pane h1 {padding:0px 0 17px 0;	margin:0px;	font-size:24px;	color:#000;	}

.tabs {	display: block !important;	width:100%;	margin: 0px auto !important;}

.nav-tabs > li > a {font-family: 'Roboto', sans-serif;	border: 0px solid transparent;	border-radius:0px 0px 0 0;	line-height: 1.42857; padding:7px 0;	margin:0px;

	font-size:21px; color:#FFF;	font-weight:500;	text-align:center;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;	-moz-border-right-colors: none;	-moz-border-top-colors: none;	background-color: #fff;	border-color:none;

	border-image: none;	border-style: solid;	border-width: 0px;	color: #fff;	cursor: default;}

.tab-content > .tab-pane {	padding-left:0px;}

.date-section {  background: #545454 none repeat scroll 0 0;  color: #fff;  float: left;  font-family: "Roboto",sans-serif;  font-size: 19px;

  font-weight: 600;  height: 61px;  line-height: 25px;  margin: 0 18px 0 0;  padding: 6px 0 0;  text-align: center;  width: 61px;}



.date-section span {	padding:0px;	margin:0px;	text-align:center;	display:block;	font-size:18px;	font-weight:600;		line-height:6px;}

.date-dec {font-family: 'Roboto', sans-serif;	color:#717171; font-weight:400;	padding:0px 20px 0 0;	margin:-5px 0 0px 0;	font-size:15px;	line-height:25px;

	text-align:justify;}

.dateborder {float:left; width:100%;	border-bottom:solid #ababab 1px;padding-bottom:16px; margin-bottom:19px;}

.left-tab-section{ float:left; width:169px; padding:0px; margin:0px 9px 0 4px;}

.tab-section-desctiption{float:left; width:630px; padding:0px; margin:0px;}



section#main_about{width:100%; float:left;}



#main_about .tab-content .dhya-pic{width:277px; float:left; padding:20px 0 0 40px;}

#main_about .tab-content .dhya-pic img{ border:solid #37c7ef 4px; border-radius:2px;}









#main_about .tab-content .dhayana-history{width:825px; float:left; padding:0px; margin:28px 0 0 14px; max-height:262px; overflow-y:scroll;}

#main_about .tab-content .dhayana-history ul{ padding:0px; margin:0px; }

#main_about .tab-content .dhayana-history ul li{ padding:0px 0 34px 0; margin:0px 0 34px 0; display:block; border-bottom:solid #d1d1d1 1px; width:100%; float:left;}

#main_about .tab-content .dhayana-history ul li:last-child{border-bottom:0px;}





#main_about .tab-content .dhayana-history ul li span{padding:19px 0 17px 0; margin:0px; display:block; width:81px; width:81px; text-align:center; border:solid #e9e9e9 1px; background:#ffffff; font-size:16px;

color:#000; font-family: 'Open Sans', sans-serif; font-weight:600; line-height:23px; float:left;}



#main_about .tab-content .dhayana-history ul li span dd{display:block; text-align:center; color:#37c7ef; padding:0px; margin:0px; font-size:20px; font-family: "Oswald", sans-serif; font-weight:600; text-transform:uppercase;}

#main_about .tab-content .dhayana-history ul li p{padding:0px 0 0 17px; margin:0px 0 0 0; width:89%; float:left; line-height:26px; font-size:16px; color:#333;}







@media screen and (min-width:992px) and (max-width:1200px) {

#main_about .tab-content .dhayana-history{width: 67%; max-height: 295px; overflow-y: scroll; height: 100%;}

#main_about .tab-content .dhayana-history ul li p{width:86%;}



}



@media screen and (min-width:768px) and (max-width:991px) {

#main_about .tab-content .dhayana-history{width:72%; max-height: 295px; overflow-y: scroll; height: 100%;}

#main_about .tab-content .dhayana-history ul li p{width:82%;}

#main_about .tab-content .dhya-pic {width: 25%; float: left; padding: 20px 0 0 15px;}



}



@media screen and (min-width:1024px) and (max-width:1200px) {

.left-tab-section{ width:30%;}

.tab-section-desctiption{width:67%; padding:0px; margin:0px;}

	

}





@media screen and (min-width:768px) and (max-width:1023px) {

.left-tab-section{ width:30%;}

.tab-section-desctiption{width:67%; padding:0px; margin:0px;}

}





@media screen and (max-width:767px) {

.history-chess{ height:auto}

#main_about .tab-content .dhayana-history{width:auto; margin-left:14px; margin-right:14px; max-height: 295px; overflow-y: scroll; height: 100%;}

#main_about .tab-content .dhayana-history ul li p {padding: 11px 0 0 0; margin: 0; width: 100%;}

#main_about .tab-content .dhya-pic {width: 277px; float: left; padding: 0px 0 0 14px;}





}





@media screen and (min-width: 320px) and (max-width:767px) {

.tab-bg{width:99%; margin:0 0 25px 0.5%;}

.left-tab-section{ width:100%; margin:0 0 0 4px}

.tab-section-desctiption{width:99%; padding:0px; margin:0px 0 0 4px;}

.history history-list .nav > li > a {padding: 10px;font-size:14px; text-align:center;}

.nav.nav-tabs.tabs-left > li {font-size:15px !important;font-weight: 600;margin-bottom: 8px;width: 20%;}

.tab-content > .tab-pane {padding-left:0px;}



}



@media screen and (min-width: 320px) and (max-width:479px) {

.box {float: left;height: 65%;margin: 12px;text-align: center;width: 25%;}

.box h1 {padding:0px;margin:0px;font-size:22px;}

.box {line-height:18px;}

.tab_history .history_list li a {font-size:12px !important;}

.tab_history .history_list li.tab_on a {font-size:14px !important;}

.tabs {width:100% !important;}

#main_about .tab-content .dhya-pic{width:100%; padding:14px; margin:0px;}

#main_about .tab-content .dhya-pic img{width:100%;}



 

 

}