/* 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: 47%;
} 
.grid_7 { width: 57.5%; } 
.grid_8 {
	width: 97%;
} 
.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 {
	float: left;
	display: block;
	padding: 0;
	margin: 0 0 0 10px;
}

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

}
.gallery-list 	{
	margin:0 0 0 10px;
	padding:0;
	width: 100%;
}

.container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	border: 0px;
	
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;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: 713px) and (max-width: 768px) {
	
	.port_img  {
	float:left; margin: 20px 5px 0px 10px; width:95%;
	
}

.port_item_desc  {
	
	width:95%; float:left; margin:-8px 0px 0px 10px; 
	
}

#link_jen{
	width:auto;
	text-align: left;
	
}

.port_main hr{
color:#3e3e3e; width:95%; top:-14px; position:relative; left:0px; 
}
	
	#slide1 h1 {
	font-size:65px;
	line-height:60px;
	display: inline;
}
	#slide1 h2 {
	font-size:18px;
	line-height:22px;
}
	
	.h1_viva {line-height:22px;padding: 12px 20px 0 0}
#logo {
margin-left: 10px;	
}
	.padding_slide1 {
	padding:0px 0 30px;
}

#back_top
{
padding-right: 20px;	
}
		
	.gallery-list {margin-left:0px;}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:48px;line-height:45px;}
	
	.foot_block_intouch li {margin-right:12px;}

/* ___________ SERV_BLOCK __________ */
	
	
/* __________ //SERV_BLOCK _________ */

/* _____________ menu ______________ */
	.navigation li {margin-left:0px;}
/* ____________ //menu _____________ */
	
	.container {
	width: 100%;
}
	.container .alpha        { margin-left: 0; margin-right: 10px; }
	.container .omega        { margin-right: 0; }
	.container .respond_pad {padding-right:20px;}
	
	.grid_3			{ width: 166px; }
	.grid_4			{ width: 228px; }
	.grid_5      		{ width: 290px; }
	.grid_6      		{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{
	width: 93%; margin: 0 10px 0 10px;
}
	.grid_9			{ width: 538px; }
	.grid_12		{
	width: 768px;
	top: 0px;
	position: relative;
}
.footer {
padding: 27px 10px 23px 10px;
}

#message {
width: 90%;}
.menu{
width: 100%;	
}
}


@media screen and (max-width : 640px) {
	.port_img  {
	float:left; margin: 20px 5px 0px 10px; width:95%;
	
}
.port_img #imagesize {
	width:615px; height:394px;
}

.port_img #imagesize2 {
	width:432px; height:360px;
}

.port_img #imagesize3 {
	width:450px; height:374px;

}
.port_img #imagesize4 {
	width:309px; height:351px;

}

.port_img #imagesize5 {
	width:290px; height:556px;

}
.port_img #imagesize6 {
	width:100%; height:100%;

}

.port_img #imagesize7 {
	width:100%; height:100%;

}

.port_img #imagesize8 {
	width:100%; height:100%;

}

.port_item_desc  {
	
	width:95%; float:left; margin:-8px 0px 0px 10px;
	
}

#link_jen{
	width:auto;
	text-align: center;	
}

.port_main hr{
color:#3e3e3e; width:95%; top:-14px; position:relative; left:0px; margin-left:5px;
}

.menu {height:70px; width: 100%;} 

	#logo img{margin: 10px 0 0 0px; width: 65%; height:65%;}
		
	.left_bord, .right_bord {display:none;}
	

	#slide1 h1 {font-size:47px;line-height:40px;}
	#slide1 h2 {font-size:18px;line-height:22px;}
	
	h1 {float:none;border-right:none;margin-top:30px;margin-bottom:5px;font-size:40px;line-height:40px;}
	.h1_viva {line-height:20px;}
	h4 {font-size:24px;}

	
	.gallery-list .grid_3 {margin-left:10px;}
	
	.contact_form input[type="text"], .contact_form textarea {width:88%;}
	

/* ___________ SERV_BLOCK __________ */
		
/* __________ //SERV_BLOCK _________ */
/* _____________ menu ______________ */
#nav {
	
	margin: 0 5px 0 0; padding:0; float:right;
	
	top: 0px;position: absolute; right: 0px;}



.navigation li {padding:25px 0 0 20px;font-size:17px; top:-40px;}
	
	
	
/* ____________ //menu _____________ */	
	.container { 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 {
		width:93%;
	}
	
		
	#message { margin: 0;
		
	}
	.omega {
	margin: 17px 0 0 0;	
	}
#slide2, #slide6, #slide8
{
padding-top: 20px;	
}
}

@media screen and (max-width : 480px) {
	.port_img  {
	float:left; margin: 20px 5px 0px 0px; width:95%;
	
}

.port_img #imagesize {
	width:450px; height:288px;
}

.port_img #imagesize4 {
	width:309px; height:351px;

}
.port_img #imagesize5 {
	width:290px; height:556px;

}
.port_img #imagesize6 {
	width:100%; height:100%;

}
.port_img #imagesize9 {
	width:100%; height:100%;

}
.port_item_desc  {
	
	width:95%; float:left; margin:-8px 0px 0px 0px;
	
}

#link_jen{
	width:auto;
	text-align: center;	
}

.port_main hr{
color:#3e3e3e; width:95%; top:-14px; position:relative; left:0px;
}

	.container { 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 {
		width:93%;
	}	
	
	
.menu {height:55px; width: 100%;}
	
	#logo img{margin: 10px 0 0 0px; width: 100px;}
		
	.left_bord, .right_bord {display:none;}
	

	#slide1 h1 {font-size:47px;line-height:40px;}
	#slide1 h2 {font-size:18px;line-height:22px;}
	
	h1 {float:none;border-right:none;margin-top:30px;margin-bottom:5px;font-size:40px;line-height:40px;}
	.h1_viva {line-height:20px;}
	h4 {font-size:24px;}

	
	.gallery-list .grid_3 {margin-left:10px;}
	
	.contact_form input[type="text"], .contact_form textarea {width:88%;}
	

/* ___________ SERV_BLOCK __________ */
		
/* __________ //SERV_BLOCK _________ */
/* _____________ menu ______________ */
	#nav {margin: 0 10px 0 0; padding:0; float:right;}
	.navigation li {padding:18px 0 0 15px;font-size:15px; top:-40px;}
	
	
	
/* ____________ //menu _____________ */	
	.container { 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 {
		width:93%;
	}
	
		
	#message { margin: 0;
		
	}
	.omega {
	margin: 17px 0 0 0;	
	}
#slide2, #slide6, #slide8
{
padding-top: 20px;	
}
}




@media screen and (max-width : 360px) {
	
	.port_img img {
    height: 90%;
    width: 90%;
}
.port_img  {
	float:left; margin: 20px 5px 0px 0px; width:95%;
	
}
.port_img #imagesize {
	width:345px; height:221px;
}
.port_img #imagesize2 {
	width:360px; height:300px;
}
.port_img #imagesize3 {
	width:340px; height:283px;

}

.port_img #imagesize4 {
	width:309px; height:351px;

}
.port_img #imagesize5 {
	width:290px; height:556px;

}

.port_item_desc  {
	
	width:95%; float:left; margin:-8px 5px 0px 0px;
	
}
.port_main hr{
color:#3e3e3e; width:90%; top:-14px; position:relative; left:0px; margin-left:5px;
}

	.container { 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 {
		width:93%;
	}
	
	#nav {
		
		margin-left: 23px;padding:0; width:100%;float:left; position: relative;
}
	.navigation li {padding:0 13px 20px 0;font-size:14px; top:-40px; margin:0;
	}	

	

		.container { width: 100%; }
		.fright{float:none;}
	.fleft{float:none;}
		#logo img{margin: 10px 0 0 0px; width: 65%; height:65%;}
		
		.menu {height:100px; width: 100%;}	
		ul.navigation {float:none;margin:0;}
		
		#slide2, #slide6, #slide8
{
padding-top: 50px;	
}	

}


@media screen and (max-width : 320px) {
	
	.port_img  {
	float:left; margin: 20px 5px 0px 0px; width:90%;
	
}
.port_img #imagesize {
	width:300px; height:192px;
}

.port_img #imagesize2 {
	width:310px; height:258px;

}
.port_img #imagesize3 {
	width:300px; height:249px;

}

.port_img #imagesize4 {
	width:309px; height:351px;

}
.port_img #imagesize5 {
	width:290px; height:556px;

}

.port_item_desc  {
	
	width:90%; float:left; margin:-8px 5px 0px 0px;
	
}
.port_main hr{
color:#3e3e3e; width:90%; top:-14px; position:relative; left:-5px;
}

	.container { 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 {
		width:93%;
	}
	
		#nav {margin-left: 10px;padding:0; width:100%;float:left;
}

	
.menu {height:110px; width: 100%;}	
		ul.navigation {float:none;margin:0;}
	
		.container {
	width: 100%;
	margin-left: 10px;
}
		.fright{float:none;}
	.fleft{float:none;}
		#logo img{margin: 10px 0 0 0px; width: 80%; height: 80%;padding: 0;}
		
		
		
		#slide2, #slide6, #slide8
{
padding-top: 50px;	
}



}