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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.container, #home_slider, #page_desc {
		width:740px;
		margin:0 auto!important;
		}
		#home_slider{
		//background-image:url(../images/slider_shadow_ipad.png);
		padding-bottom:12px;

		}
		
		#page_desc h2{
		font-size:2em;		
		}
		.jqueryslidemenu{
			float:none;
			display:table;
			margin:0 auto!important;
			position:inherit;
			padding-left:10px;
			padding-right:10px;
			margin-top:-20px;
		}
		

		
		#logo{
			float:none;
			text-align:center;
			margin:0 auto;
			display:block;
			width:80px;
			margin-left:0%;
		}
			#logo img{
			width:auto;
			}
			
			#header_wrapper {
				float: none;
				min-height: 205px;
				width: 100%;
			}
			
			.content_box {			
				left: 19% !important;			
			
			}
			#home_slider_wrapper{
			padding-bottom:35px;			
			}
			
		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) {
	#page_wrap{
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
	 margin:0 auto;	}

	
	.container, #home_slider, #page_desc, #page_wrap {
		width:275px;
		}
		
		
		#logo{
			float:none;
			text-align:center;
			margin:0 auto;
			width:auto;
			display:block;
			width:60px;
			margin-left:30%;
		}
			#logo img{
			width:auto;
			}
		
		#home_slider, #home_slider_wrapper{
		background-image:none;
		padding-top:30px;
		margin-bottom:0px;	
		}
		
		#sub_header{
		margin-top:23px;
		
		}
		
		#sub_header h1, #sub_header h3{
		float:none;
		padding:2% 7%;
		margin-top:10px;		
		}
		
		#page_desc, .content_box, .search_box{
		display:none;		
		}
		#header_wrapper{
			height:135px;
		
		}
		
		.jqueryslidemenu ul{
		display: none;}
		.jqueryslidemenu{
		display:block;
		width:85.5%!important;
		padding:2% 7%;
		clear:both;			
		}
		
		.jqueryslidemenu select{
		display: block;	
		width:96%!important;
		padding:2%;
		margin:5px  auto;
		}
		
				.jqueryslidemenu select option{
					padding:3px 10px;
					display:block;
					}	
					.jqueryslidemenu select{
					padding-top:5px;
					padding-bottom:0px;
					text-transform:capitalize;
					
						}
		
	
		.jqueryslidemenu{
			width:100%;
		
			
				
		}
		#content-extra-width{
			width:100%;
			left:0px;
			position:relative;
			
			}
			#content-extra-width li{
			margin:0px;
			padding:0px;
			
			}
		
		 .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:86%;
			margin:0px;
			margin-bottom:20px;
			padding:2% 7%;
			}
			/*
			.one_half div, .one_half_last div, .one_third div, .one_third_last div, .two_third div, .two_third_last div, .one_fourth div,  .one_fourth_last div, .three_fourth div, .three_fourth_last div, 
			.one_fifth div, .one_fifth_last div, .four_fifth div, .four_fifth_last div{			
				width:100%;							
			}
	*/
/* Portfolio  Section */
		
			.porfolio_items .portfolio_item_title{
			margin:0px;
			padding:0px;
			margin-top:10px;		
			}
			
			.home .porfolio_items div{
			padding:0px;
			width:100%;
			}

/* Filter Portfolio  Section */

			ul#filter li {
				display:block;
				width:84.6%;
				padding:2% 7%;
				}
				
	
			ul#portfolio_style2 > li {
				margin-right:15px;		
			}
				#portfolio_style2 > li .one_half{
				width:98%; 
				margin-bottom:0px;}
				
				.portfolio_item_content {
				width:100%;
				margin-left:0px!important;
			
							
				}
				.portfolio_item_content:after {
				display:none;					
				}
			
		
			
/* Gallery Section */
			ul.kaya_gallery li, ul.kaya_gallery_without_title, ul.kaya_gallery_without_title li{
			margin:0px;
			padding:0px;
			width:100%;			
			}
			
			ul.kaya_gallery li, ul.kaya_gallery_without_title li{
			margin-bottom:20px;						
			}
			
				.pagination{
				margin-top:20px;			
				}
				
/* Blog  Section */		
				.post .one_third{
				width:100%;
				padding:0px;
				}
				
/* Contact  Section */	
					#contact-form .cname, #contact-form .cemail, #contact-form .csubject{
						width:100%!important;
					display:block;
					float:none;
					margin-bottom:10px;
					
					}
					
					
	
				
	

/* Sidebar
----------------------------------------------------------------------------------------------------*/
			#sidebar{
			margin:0px;
			padding:0px;			
			}
			
			#sidebar .widget-container{
			margin-bottom:20px;					
			}
			.blog_content{
			border-left:none;
			
			}
		
			
			.teaserbox {
			padding:0px;			
			}
			
			#footer_copy_right{
			text-align:center;			
			}
				#footer_copy_right div{
				margin-bottom:0px;
				}
				
				#contact-form input, #contact-form textarea{
				width:86%;
				margin:0px;
				margin-bottom:20px;
				padding:2% 7%;}
				
				
	 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) {
	
	#page_wrap{
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6);
	 margin:0 auto;	}

	
	.container, #home_slider, #page_desc, #page_wrap {
		width:420px;
		}
		
		
/* Filter Portfolio  Section */

			ul#filter li {
				display:block;			
				width:90%;
				padding:2% 5%;
				}
				
	
			ul#portfolio_style2 > li {
			margin-right:15px;		
			}
				#portfolio_style2 > li .one_half{
				width:94%; 
				margin-bottom:0px;}
				
			

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