/*use this css to define the rules for different devices. Do not modify these rules for correct site display on all devices.*/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.container{width:960px;}
	
	/*start grid*/
	.grid_1 {width:60px;}
	.grid_2 {width:140px;}
	.grid_3 {width:220px;}
	.grid_4 {width:300px;}
	.grid_5 {width:380px;}
	.grid_6 {width:460px;}
	.grid_7 {width:540px;}
	.grid_8 {width:620px;}
	.grid_9 {width:700px;}
	.grid_10 {width:780px;}
	.grid_11 {width:860px;}
	.grid_12 {width:940px;}
	/*end grid*/
	
	/*start menu*/
	.logo img{
		width:140px;	
	}
	.leftnavigation li{
		margin:0 15px;
		border-top:0px;		
	}
	.rightnavigation li{
		margin:0 15px;
		border-top:0px;		
	}
	nav{
		margin:25px 20px 20px;
	}
	/*end menu*/
	
	/*services*/
	#services .grid_1, #services .grid_2, #services .grid_3, #services .grid_4, #services .grid_5, #services .grid_6, #services .grid_7, #services .grid_8, #services .grid_9, #services .grid_10, #services .grid_11, #services .grid_12{
		text-align:center;	
	}
	#services img{
		float:none !important;	
	}
	#services p{
		margin-bottom:20px;	
	}
	#services h2, #services p{
		text-align:center;	
	}
	/*services*/
	
	/*portolio*/
	.element{
		width:298px !important;	
		height:293px !important;
	}
	/*portfolio*/
	
	/*price*/
	.logoprice, .ribbon{
		width:220px;	
	}
	.ribbon span{
		display:none;	
	}
	.price{
		width:210px;	
	}
	.price ul li p{
		width:150px;	
	}
	.triangle{
		height:39px;
		background-image:url(../img/section-prices/triangle220.png);
	}
	/*price*/
	
	/*team*/
	.avatarteam, .avatarteam img{
		w