/* Responsive: width <= 960px */
@media screen and (max-width: 960px), screen and (max-device-width: 960px)
{
	
	/* fix pages content */
	
	/*about */
	#content .page.about.index .philosophy article h4{
		font-size: 14px;
	}
		
	/* board */	
	#content .component.catalog.publications.sections .section-list ul li {
		width:290px;
		
	}
	#content .component.catalog.publications.sections .section-list ul li .wrap {
		width: 250px;
	}
	#content table.general tr td {
		font-size:11px;
	}
	
	#content .bl-mail-step-link-text {
		text-align:left;
		padding-left:10px;
	}
	#content .bl-mail-step {
		left:10px;
	}
	#content .experience-item-phone-in {
		padding-left: 15px;
	}
	#content .number-title-num {
		clear:both;
	}
	#content .number-title-text {
		overflow:visible;
	}

	#content .arrow-line-bottom , #content .arrow-line-top {
		left: 20px;
	}
		
	/* publications */
	#content .component.catalog.publications .section table tbody td {
		font-size:12px;
	}
		
		
	/* end fix pages content */
	
}



/* Responsive: width <= 640px */
@media screen and (max-width: 640px), screen and (max-device-width: 640px)
{
	
	/* fix pages content */
	
	/*about */
		
	/* board */
	#content .content-side .counter-block  {
		display:none;
	}
	#content .arrow-line-bottom , #content .arrow-line-top {
		left: 30px;
	}
	#content .experience-item-phone-in {
		padding-left:28px;
	}
	
		
		
	/* end fix pages content */
	
}




/* Responsive: width < 480px */
@media screen and (max-width: 479px), screen and (max-device-width: 479px)
{

	/* fix pages content */
	
	body {
		font-size:13px !important;
	}
	
	/*about */
	#content .page.about.index .philosophy article h4{
		font-size: 19px;
	}
		
	/* board */
	#content table.general tr td {
		font-size:5px;
	}
	#content .experience-item-phone-in {
		padding-left:2px;
	}
	#content .number-title-text {
		font-size:25px;
	}
	#content .experience-item-left-text {
		margin-right:97px;
	}
	#content .experience-item-left {
		font-size:14px;
	}
	#content .experience-item-phone {
		width:93px;
	}
	#content .arrow-line-bottom , #content .arrow-line-top {
		left: 7px;
	}
	#content .round-item {
		background:url("images/board/round_arrow_small.gif") no-repeat scroll 0 0 #FFFFFF;
	}
		
		
	/* end fix pages content */
	
}