/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 10px 20px 0;
	float: left;
	display: block;
}

.alpha			{margin-left:0;}
.omega			{margin-right:0;}


.container{
	width: 1000px;
	max-width: 1000px;
	margin: auto;
	
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

@media only screen and (max-width: 1024px) {
	.slide{background-attachment: scroll;background-position:0 0 !important;
	}
	
}

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

	.padding_slide1 {padding:150px 0 30px;}
	.effects_1 {top:-73px;}
	#slide1 h1 {padding-top:0px;font-size:26px;}
	#slide1 h2 {padding-bottom:0px;}
	#slide1 p {font-size: 25px;line-height: 25px;}
	.slide1_images{top:280px; padding:0 20px;}
	#nav {margin: 5px 0 0 0;}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:40px;}
	
	.team_block h4 {font-size:16px;}
	.team_soc li a {margin:0 2px;}
	
	
	
	.padding_slide5 {padding:100px 0;}
	
	.padding_slide7 {padding:100px 0 70px;}
	
	.padding_slide9 {padding:70px 0 40px;}
	
	.serv_inf p {font-size:14px;}
	
	
	
	#footer {bottom:-103px;}
/* _____________ menu ______________ */
	.navigation li {margin-left:15px;padding:0 7px;}
/* ____________ //menu _____________ */
	
	.container { width: 724px; }
	.container .alpha        { margin-left: 0; margin-right: 5px; }
	.container .omega        { margin-right: 0; }
	.container .respond_pad {padding-right:20px;}
	
	.jcarousel-skin-tango .jcarousel-item, 
	.jcarousel-skin-tango .jcarousel-clip-horizontal {width:475px;height:346px;}
	
	
	.grid_3			{ width: 166px; }
	.grid_4			{ width: 228px; }
	.grid_5      		{ width: 290px; }
	.grid_6      		{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{ width: 475px; }
	.grid_9			{ width: 538px; }
	.grid_12		{ width: 724px; }
}





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

.telephone {color: #fff;}

}




@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.padding_slide1 {padding:155px 0 30px; height: 500px}
#slide1 h1 {font-size:30px;line-height:30px;}
#slide1 h2 {display:none;}
.slide1_images{top:280px; padding:0 20px;}
#slide1 p {font-size: 20px;line-height: 20px;padding:0px 0px 10px 0px;}
.fleft{	margin-left: -30px; padding-top: 15px;padding-bottom: 10px;width: 200px;height: auto;}
.telephone{padding: 20px 0 10px 0;margin-left: -20px;}
.telephone p{padding-bottom: 2px;font-size: 20px;color: #000000;}
.telephone span{font-size: 25px; }
.telephone i{font-size: 26px;}
	
#slide2, #slide4, #slide6, #slide10 {padding: 170px 0 10px;}	
#slide2 h3, #slide4 h3, #slide6 h3, #slide10 h3 {font-size: 24px; line-height: 26px;}	

.serv_shag i{display:none;}

#slide3 p, #slide5 p, #slide7 p {font-size:24px;line-height:28px;}
.padding_slide3 {padding:40px 0;}
.padding_slide5 {padding:40px 0;}
.padding_slide7 {padding:40px 0;}
#slide3 span {font-size:15px;line-height:20px;}
#slide5 span {font-size:15px;line-height:20px;}
#slide7 span {font-size:15px;line-height:20px;}
		
#footer {bottom:0;}
/* _____________ menu ______________ */
	.menu {padding-bottom:5px;}
	#nav {margin:0 auto;}
	ul.navigation {float:none; margin:10px auto;}
	.navigation li {margin-left:7px;padding:0 14px;font-size:14px;}
	.navigation li:first-child {margin-left:0;}
/* ____________ //menu _____________ */	

.jcarousel-skin-tango .jcarousel-item, 
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:420px;height:306px;}
	
.container { width: 420px; }
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {width:420px;}
	
	.fright{float:none;}	
}





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

.logo { width: 100px; height: auto;}
.padding_slide1 {padding:155px 0 0px;}
#slide1 h1 {font-size:20px;line-height:24px;padding:0px 0;}
#slide1 h2 {display:none;}
#slide1 p {font-size: 20px;line-height: 20px;padding:0px 0px 10px 0px;}
.fleft{	margin-left: -50px;padding-top:15px;padding-bottom: 10px;width: 200px;height: auto;}
.telephone{padding: 10px 0 10px 0;margin-left: -60px;}
.telephone p{padding-bottom: 2px; font-size: 15px;color: #000000;}
.telephone span{ font-size: 20px; }
.telephone i{ font-size: 20px;}
.slide1_images{	top:280px; padding:0 20px;}

#uptocall-mini .uptocall-mini-phone {width:55px;	height:60px;}
#uptocall-mini .uptocall-mini-phone p {left: 10px;font-size: 16px;}

#slide2, #slide4, #slide6, #slide10 {padding: 155px 0 10px;}	
#slide2 h3, #slide4 h3, #slide6 h3, #slide10 h3 {font-size: 22px; line-height: 24px;}	

.serv_shag i{display:none;}

#slide3 p, #slide5 p, #slide7 p {font-size:24px;line-height:28px;}
.padding_slide3 {padding:40px 0;}	
.padding_slide5 {padding:40px 0;}	
.padding_slide7 {padding:40px 0;}	


a.serv_inf {padding:118px 25px 20px; text-align:center;}
.serv_inf img {top:10px;left:50%;margin:0 0 0 -49px;}
		
#footer {bottom:0;}
	
/* _____________ menu ______________ */
	#nav {margin:0;}
	ul.navigation {padding-bottom:5px; margin-left: -10px;}
	.navigation li {margin-left:7px;padding:0 5px;font-size:12px;}
	.navigation li:first-child {margin-left:0;}
/* ____________ //menu _____________ */	

.jcarousel-skin-tango .jcarousel-item, 
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:300px;height:219px;}
.container { width: 300px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {width:300px;}
	
.fright{float:none;}

}

@media screen and (max-width : 400px) {
	.navigation li {font-size:11px;}
	
	.jcarousel-skin-tango .jcarousel-item, 
	.jcarousel-skin-tango .jcarousel-clip-horizontal {width:295px;height:216px;}
	
	.container { width: 295px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:295px;
	}
	
}