/* 2.1 =Splitter
---------------------------------------------------------------------- */


.splitter {
}
.splitter:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.splitter ul {
	margin-right: 0;
	margin-top: 0;
}
.splitter ul li a {
	margin-right:5px;
}
.splitter li, .splitter ul, .splitter ul li a {
	display: inline;
	display: inline-block;
	line-height: 1;
}
.splitter ul, .splitter ul li, .splitter ul li a {
	background-image: url("css/i/buttons.png");
	background-repeat: no-repeat;
}
.splitter ul li {
}
.splitter ul li:first-child {
	margin-left: 0;
}
.splitter ul li a {
	padding:8px;
	color: #fff;
	background-color:#101010;
}

.splitter ul li a:hover {
	color: #cbcbcb;
}

.splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a {
	color: #fff;
	background-color:#d11818;
}
/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
	width:711px;
	margin-top:20px;
}
.image-grid:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.image-grid li {
	width:209px;
	float: left;
	text-align: center;
	font-family: "Helvetica Neue", sans-serif;
	line-height: 17px;
	color: #686f74;
	margin-right:28px;
	list-style:none;
	overflow:hidden;
}
.image-grid li img, .image-grid li strong {
	display: block;
}
.image-grid li strong {
	color: #fff;
}
.demo{
float:left;
overflow:hidden;

}

.urun-grid {
	width:711px;
	margin-top:20px;
}
.urun-grid:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.urun-grid li {
	width:150px;
	float: left;
	text-align: center;
	font-family: "Helvetica Neue", sans-serif;
	line-height: 17px;
	color: #686f74;
	margin-right:20px;
	list-style:none;
	overflow:hidden;
}
.urun-grid li img, .image-grid li strong {
	display: block;
}
.urun-grid li strong {
	color: #fff;
}
@media only screen and (min-width : 1224px){

.slideshow_title h3 {
	font-size:8em;
	
	}

}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 960px) {
		 #container{
		 width:750px;
			 
	 }
	   
	   #container_div {			
			width:515px;
			margin-left:5%;
			overflow:hidden;
		}
		
	.slideshow_title h3 {

	font-size:60px;

}
.sub_header h2 {
font-size:5em;
}


#slidecaption h4 {
	font-size: 15px;

}			#contact-form textarea {
				width:320px;	
				}
				
				
					.image-grid {
					 width:105.5%;

						 }
				
				.image-grid li {
					width:221px;
							
				}
				
span.close_panel {
	left:96.5%;
}

			
		object, iframe{
		max-width: 100%;	
		width: auto\9; /* ie8 */
		width:100%;
		height:308px;
	}	
			
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	#container{
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
	 margin:0 auto;	}
	 
	 #container, #container_div{
	 width:300px;
	 margin:0 auto!important;
	 float:none;
	 }
	 
	  .content{
	  margin-top:100px;
	  padding:20px;
  
	 }
	 
	 .logo_responsive{
		display:block;
		text-align:center;
		width:100%;	
		}
		
		 .logo_responsive img{		
		text-align:center;
		
		}
		#responsive_menu{
			display:block;
			position:relative;
			z-index:3333;
			}
		
		
	 .menu_bar_top, .menu_bar_bottom{
	 display:none;

	 }
	 
	.sub_header h2 {
		font-size:4em;
		}

	 
	 .sidebarmenu select{
		width:100%;
		padding:5px 10px;
		display: block;
		}
	 
	  #slidecaption{
	 display:none!important;
	 
	 }
	.image-grid {
	 width:106%;
	 	 }

.image-grid li, .image-grid li img {
	width:260px;
	
}
		
		 .one_half, .one_half_last, .one_third, .one_third_last, .two_third, .two_third_last, .one_fourth,  .one_fourth_last, .two_fourth, .two_fourth_last, .three_fourth, .three_fourth_last, .one_fifth, .one_fifth_last, .two_fifth, .two_fifth_last, .three_fifth, .three_fifth_last, .four_fifth, .four_fifth_last, #content-extra-width{
			width:100%;
		
			}
			
			
			#contact-form textarea {
				width:230px;	
				}
span.close_panel {
	left:96.5%;
}

	 object, iframe{
		max-width: 100%;	
		width: auto\9; /* ie8 */
		width:100%;
		height: auto;
	}			
			

}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#container{
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
	 margin:0 auto;	}

		 #container, #container_div{
	 width:460px;
	  margin:0 auto!important;

	 }
	.image-grid {
	 width:106%;
	 	 }

.image-grid li, .image-grid li img {
	width:193px;
	
}

		
	
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	}