/* 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 20px 20px 0; float: left; display: block;}

.grid_f {display: block; margin-right: 20px; margin-left: 20px;}

.grid_13 {margin-top: 60px; margin-left: 0; float: left; display: block; margin-bottom: 0px;}

.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin-right:-30px;}

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


.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: 1600px) {
.navigation li{font-size: 11px;}
h1 {font-size: 26px;	margin: 0 0 30px 0;}
.s1t{width:740px; line-height:28px; font-size: 20px;}

.prod1 h1,
.prod2 h1,
.prod3 h1,
.prod4 h1 {margin: 30px 0 27px 0; font-size: 40px; line-height: 40px;}

.prod1 td,
.prod2 td,
.prod3 td,
.prod4 td {font-size: 14px; line-height: 18px;}
.inf2 td {font-size: 14px; line-height: 18px;}
	
.copyright {font-size:12px;}
.akc {width:48px; height:48px; padding:20px;}
.soc {width:54px; height:54px;}
.soc2 {height:150px; padding-left:18px; padding-right:18px;}
.soc3 {height:150px; padding-left:18px; padding-right:18px;}
#back_top {font-size:12px;}
}

@media only screen and (max-width: 1280px) {
.video {background:#231f20; padding-top:60px; padding-bottom:55px;}
.padding_slide5 {padding:55px 0 0 0;}
.s1t{width:740px; line-height:28px; font-size: 16px;}

.subh {	margin: 0 0 5px 0;
		text-transform: none;
		text-align: center;
		font-size: 22px;
		line-height: 32px;
		font-weight:400;}

}

@media only screen and (max-width: 1024px) {
	.slide{background-attachment: scroll;background-position:0 0 !important;}
	#slide7{
	background-image:url(../images/amber2.jpg);
	background-position:0 0 !important;
	text-align:center;
	background-size: cover !important;
	width:100%;
}


}

@media only screen and (max-width: 1024px) {
	.flexslider {overflow:hidden;}
}

@media only screen and (max-width: 1023px) {
	.flexslider {overflow:hidden;}
}

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

.navigation li{padding-left: 25px;}
.navi{padding-left: 25px;}
.padding_slide1 {padding:100px 0 30px;}
.effects_1 {top:-73px;}
#slide1 h1 {font-size:36px;line-height:50px;}
#slide1 h2 {font-size:32px;line-height:40px;}

.filtr_bg {margin-bottom:100px;}
	

	
.gallery-list {margin-left:117px;}
.padding_slide5 {padding:20px 0;}
#slide5 .effect_2 {display:none;}

.video {background:#231f20; padding-top:30px; padding-bottom:25px;}
.vframe {height:296px; width:700px;}
	
#slide5 span {font-size:55px;line-height:45px;}
.prod1, .prod2, .prod3{ width:50%;}
.prod5, .prod4 { width:100%;}	

.flexslider {min-height:545px;}

img.gal1 {display:none;}
img.gal2 {display:block;}	

.padding_slide7 {padding:100px 0 70px;}
	
.padding_slide9 {padding:70px 0 40px;}
#slide9 p {font-size:47px;line-height:40px;}
	

	
.container { width: 724px; }
.container .alpha        { margin-left: 0; margin-right: 5px; }
.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: 475px; }
	.grid_9			{ width: 538px; }
	.grid_12		{ width: 724px; }
}

@media only screen and (max-width: 766px) {
	.subh {	margin: 0 0 0px 0;
		text-transform: none;
		text-align: center;
		font-size: 20px;
		line-height: 32px;
		font-weight:400;}
	
	.padding_slide1 {padding:125px 0 30px;}
	.menu {height:70px;}
	#logo { padding-top:11px;
	margin-bottom:0;
	margin-left:0px;}
	#logo img.logo_small {display:block;margin:0 auto;}
	#logo img.logo_big {display:none;}

	h1 {font-size:38px;line-height:60px;}
	.s1t{width:420px; font-size:14px;}
	img.about_img {float:none;margin:0 0 10px 0;}
	.padding_slide5 {padding:20px 0;}
	img.gal1 {display:none;}
img.gal2 {display:block;}	
	#slide5 .effect_2 {display:none;}
.video {background:#231f20; padding-top:30px; padding-bottom:25px;}
.vframe {height:178px; width:420px;}
.soc2 {  height:80px; padding-left:18px; padding-right:18px;}
.soc3 {  height:80px; padding-left:18px; padding-right:18px;}
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
	.menu {height:60px;}
	
	#logo {text-align:center;}
	

	.effects_1 {display:none;}
	#slide1 h1 {font-size:24px;line-height:26px;}
	#slide1 h2 {margin:0 0 10px 0;font-size:18px;line-height:26px;}
	.filtr_bg {margin-bottom:50px;}
	
h1 {font-size:22px;line-height:28px;}
.padding_slide3 { height:200px;}
#slide2{padding:30px 0 0px 0;}
	.padding_slide3 {padding:15px 0 30px;}
	
	.gallery-list {margin-left:95px;}
	
	
	.prod1, .prod2, .prod3, .prod4, .prod5 { width:100%;}
	
	.padding_slide5 {padding:20px 0;}
	#slide5 span {font-size:26px;line-height:1px;}
	img.gal1 {display:none;}
img.gal2 {display:block;}	
	#slide6{padding:10px 0 50px 0;}
	.flexslider {min-height:337px;}
	
	.padding_slide7 {padding:100px 0 70px;}
	#slide7 span {font-size:30px;line-height:40px;}
	
	.padding_slide9 {padding:70px 0 40px;}
	#slide9 p {font-size:26px;line-height:28px;}
	
	.contact_form input[type="text"] {width:92px;}
	.contact_form textarea {width:386px;}

/* _____________ menu ______________ */
	#nav {margin:0;}
	ul.navigation {
	padding-bottom: 15px;
	padding-top: 7px;
	padding-right: 82px;
}
	.navigation li {padding:0 7px;}
	.navi {padding:0 7px;}
	.navigation li:first-child {margin-left:0;}
/* ____________ //menu _____________ */	

	.container { width: 420px; }
	.container2 { width: 480px;}
	
	.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;}
.fleft{float:none;}


.copyright {font-size:10px;}
#back_top {font-size:10px;}
	
}

@media screen and (max-width : 479px) {	
	#logo {text-align:center; padding-top:11px;}
	.menu {height:60px;}	
	.padding_slide1 {padding:115px 0 30px;}
	.effects_1 {display:none;}
h1 {font-size:20px;line-height:28px;}
	.s1t{width:300px; line-height:24px; padding-top:0px;}
	#slide2{padding:30px 0 0px 0;}
	.padding_slide3 {padding:15px 0 30px;}

	
	.gallery-list {margin-left:33px;}

	.flexslider {min-height:248px;}
	img.gal1 {display:none;}
img.gal2 {display:block;}	
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-next{
	display:block !important;
	background-image: url(../images/slider_nav2.png);
    background-position: -158px 0 ;
    height: 128px;
    margin-top: -64px;
    width: 128px;
}
.flex-direction-nav .flex-prev{
	display:block !important;
	background-image: url(../images/slider_nav2.png);
    background-position: 0 0;
    height: 128px;
    margin-top: -64px;
    width: 128px;
}

	.padding_slide5 {padding:0 0;}
	#slide5 span {font-size:22px;line-height:1px;}
	#slide6{padding:10px 0 50px 0;}
	.padding_slide7 {padding:80px 0 70px;}
	#slide7 span {font-size:22px;line-height:24px;}
	
	.padding_slide9 {padding:70px 0 40px;}
	#slide9 p {font-size:22px;line-height:24px;}
	
	.contact_form input[type="text"], .contact_form textarea {width:269px;margin-left:0;}

/* _____________ menu ______________ */
	#nav {margin:0;}
ul.navigation {padding-bottom:10px;padding-top:7px; padding-right:36px; padding-left:0px;}
.navigation li {padding:0 4px;	font-size: 9px;	letter-spacing: 1.2px;}
.navi {padding:0 4px;	font-size: 9px;	letter-spacing: 1.2px;}
	.navigation li:first-child {margin-left:0;}
/* ____________ //menu _____________ */	
	.container { width: 300px; }
	.container2 { width: 300px;  max-width: 1000px; margin: auto;}

	.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;}
	.fleft{float:none;}
.vframe {height:128px; width:300px;}
.video {background:#231f20; padding-top:10px; padding-bottom:5px;}
.prod1, .prod2, .prod3, .prod4, .prod5 { width:100%;}
.prod1 h1,
.prod2 h1,
.prod3 h1,
.prod4 h1 {
	margin: 30px 0 27px 0;
	text-transform: none;
	text-align: center;
	font-family: Georgia;
	font-size: 30px;
	line-height: 30px;}
.pic { width:150px; height:150px;}
.picc { width:50%; height:50%;}
.inf1 {width:48px;}
.inf2 {width:300px;}
.inf2 td {font-size: 12px; line-height: 18px; padding:10px;}
.akc {width:36px; height:36px; padding:10px;}
.soc { width:36px; height:36px; padding-left:18px; padding-right:18px;}
.soc2 {  height:36px; padding-left:18px; padding-right:18px;}
.soc3 {  height:80px; padding-left:18px; padding-right:18px;}
.grid_f {display: block; margin-right: 5px; margin-left: 5px;}
.copyright {
	padding-left:0px;
	float:left;
	text-transform:none;
	font-size:8px;
	color:#ffffff;}
#back_top { display:none;}
}

@media screen and (max-width : 320px) {
/* _____________ menu ______________ */
#nav {margin:0;}
ul.navigation {padding-bottom:10px;padding-top:7px; padding-right:10px;}
.navigation li {padding:0 3px;	font-size: 9px;	letter-spacing: 1.3px;}
.navi {padding:0 3px;	font-size: 9px;	letter-spacing: 1.3px;}
.navigation li:first-child {margin-left:0;}
/* ____________ //menu _____________ */	
	.padding_slide1 {padding:85px 0 0px;}
.flexslider{min-height:200px;}
.gallery-list {width:250px;}
img.gal1 {display:none;}
img.gal2 {display:block;}	
#map_block iframe {height:300px !important;}
.padding_slide7 {padding:40px 0 70px;}
	
#contact_block_rel .grid_4 {width:250px;}
	
		#slide3 p {font-size:12px;line-height:13px;}
	.container { width: 295px; }
		.container2 { width: 295px;  max-width: 1000px; margin: auto;}

	.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;
	}
	.copyright {
	padding-left:2px;
	float:left;
	text-transform:none;
	font-size:8px;
	color:#ffffff;}
}