@media only screen and (max-width: 1000px) {
	#header,.container-wrap,.header-caption-wrap { width: 940px; }
	
	.es-carousel-wrapper {
		width:866px !important;
	}
	
	.es-carousel-wrapper {
		width:866px !important;
	}
	
	.entry-content .es-carousel-wrapper {
		width:816px !important;
	}
	
	.grid-list-clients ul li{
		width:164px;
		}
	
	.grid-list-portfolio ul li{
		width:141px;
		}
		
	.grid-list-three-portfolio ul,.grid-list-two-portfolio ul,.grid-list-four-portfolio ul,.grid-list-four-services ul{
		width:880px;
	}
	.grid-list-three-portfolio ul li {
		width:283px;
		}
		
	.grid-list-two-portfolio ul li {
		width:429px;
		}

	.grid-list-four-portfolio ul li,.grid-list-four-services ul li  {
		width:210px;
		}

			
	.accordion-tabs .pane, .panes .pane { width:544px;}
	
	.grid-list-portfolio-related ul li { 
		width:238px;
		margin-bottom:10px;
		}
	.grid-list-portfolio-related ul {
		border:none;
		}
	.grid-list-portfolio-related .clear {
		display:none;
		}
		
	.sidebar .flickr_wrap .flickr_badge_image img {
		height:74px;
		width:74px;
		}
		
	.sidebar-widget .infobar-portfoliogrid li img {
		height:74px;
		width:74px;
		}
		
		
	#footer .flickr_wrap .flickr_badge_image img {
		height:52px;
		width:52px;
		}
		
	#footer  .infobar-portfoliogrid li , #footer  .infobar-portfoliogrid li img {	
		height:52px;
		width:52px;
		}

}

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

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#header ,.container-wrap,.header-caption-wrap { width: 768px; }
	
	.es-carousel-wrapper {
		width:694px !important;
	}
	
	.entry-content .es-carousel-wrapper {
		width:645px !important;
	}
	
	.grid-list-clients ul li{
		width:129px;
		}
	
	.grid-list-portfolio ul li{
		width:141px;
		}
		
	.grid-list-three-portfolio ul,.grid-list-two-portfolio ul,.grid-list-four-portfolio ul,.grid-list-four-services ul{
		width:728px;
	}
	.grid-list-three-portfolio ul li {
		width:226px;
		}
		
	.grid-list-two-portfolio ul li {
		width:344px;
		}

	.grid-list-four-portfolio ul li,.grid-list-four-services ul li {
		width:167px;
		}
			
	.accordion-tabs .pane, .panes .pane { width:420px;}
	
	.grid-list-portfolio-related ul li { 
		width:191px;
		margin-bottom:10px;
		}
	.grid-list-portfolio-related ul {
		border:none;
		}
	.grid-list-portfolio-related .clear {
		display:none;
		}
		
	.sidebar .flickr_wrap .flickr_badge_image img {
		height:57px;
		width:57px;
		}
		
	.sidebar-widget .infobar-portfoliogrid li img {
		height:57px;
		width:57px;
		}
		
	#footer .flickr_wrap .flickr_badge_image img {
		height:40px;
		width:40px;
		}
		
	#footer  .infobar-portfoliogrid li , #footer  .infobar-portfoliogrid li img {	
		height:40px;
		width:40px;
		}
}


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

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

@media only screen and (max-width: 767px) {
	#demopanel { display:none; }
	#header,.container-wrap,.header-caption-wrap { width: 320px; }
	
	#header { height: auto !important; }
	
	.social_contact_text { text-shadow:none; }
	
	.es-carousel-wrapper {
		width:246px !important;
	}
	
	.entry-content .es-carousel-wrapper {
		width:196px !important;
	}
	
	.header-home {
		top:38px;
		}
		
	.social-header { float:none; }
	.social-header-wrap { height:auto; padding:10px 0;}
	
	.flex-caption-wrap { display:none; }
	
	.header-menu-wrap { display:none; }
	
	.main-button-wrap {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	.two-column {
		width:100%;
		}
		
	.sidebar-wrap {
		width:100%;
		}
	
	.big-saying { 
		margin-left:0;
		padding-left:3%;
		padding-right:3%;
		text-align:center;
		padding-top:0;
		padding-bottom:20px;
		}
		
	.big-saying h1 {
		font-size:20px;
		margin-bottom:10px;
		}
	.big-saying h2 {
		font-size:14px;
		}
		
	.grid-icon img {
		display:none;
		}
		
	.grid-list-clients{
		float:none;
		width:204px;
		margin-left:20px;
		}
		
	.grid-list-portfolio{
		float:none;
		width:204px;
		margin-left:-10px;
		}
	.grid-list-portfolio ul li,.grid-list-clients ul li {
		width:176px;
		}
		
	.grid-list-two-portfolio ul,.grid-list-three-portfolio ul,.grid-list-four-portfolio ul,.grid-list-four-services ul{
		width:250px;
	}
	.grid-list-two-portfolio ul li,.grid-list-three-portfolio ul li,.grid-list-four-portfolio ul li,.grid-list-four-services ul li   {
		width:100%;
		}
		
	
	.homemenu-wrap {
		display:none;
		}
		
	.main-select-menu {
		display:block;
		}
		
	.logo {
		float:none;
		width:100%;
		}
		.logo img {
			margin-left:auto;
			margin-right:auto;
			display:block;
			max-width:260px;
			}
			
	.header-caption {
		font-size:12px;
		padding-right:30px;
		line-height:16px;
		}
		
	.main-button-text {
		font-size:16px;
		}
		
	.big-saying h1 {
		line-height:24px;
		}
		
	.big-saying h2 {
		padding:10px;
		}
		
	.entry-post-title {
		font-size:22px;
		line-height:24px;
		}
		
	.pullquote-right,.pullquote-left ,.pullquote-center{
		width:auto;
		margin: 0;
		font-size:12px;
		line-height:16px;
		background:none;
		padding:0;
		}
		
	.entry-content .column1 {width:100%;}
	.entry-content .column2 {width:100%;}
	.entry-content .column3 {width:100%;}
	.entry-content .column4 {width:100%;}
	.entry-content .column5 {width:100%;}
	.entry-content .column52 {width:100%;}
	.entry-content .column53 {width:100%;}
	.entry-content .column6 {width:100%;}
	.entry-content .column32 {width:100%;}
	.entry-content .column43 {width:100%;}
		
	h2.entry-summary-title {
		font-size:18px;
		}
		
	.accordion-tabs .pane, .panes .pane  { width:150px;}
	
	ul.tabs li { float:none; }
	
	#footer .footer-column, #footer .footer-double-column, #footer-container {
		display:none;
		width:418px;
	}
	
	.post-summary-image {
		display:none;
	}
	
	.portfolio-related-column {
		float:none;
		width:100%;
		}
		
	.portfolio-contents-column {
		width:100%;
		}
		
	.grid-list-portfolio-related ul li {
		width:185px;
		}
		
	.grid-list-portfolio-related ul {
		border-top:1px solid #eee;
		}
		
	.grid-list-portfolio-related .clear {
		display:block;
		}
	
}


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

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

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#demopanel { display:none; }
	#header,.container-wrap,.header-caption-wrap  { width: 480px; }
	#header { height: auto !important; }
	
	.header-menu-wrap { display:none; }
	
	.es-carousel-wrapper {
		width:405px !important;
	}
	
	.entry-content .es-carousel-wrapper {
		width:356px !important;
	}
	
	.header-home {
		top:38px;
		}
		
	.entry-title,.entry-post-title {
		font-size:18px;
		}
		
	#respond h3  {
		font-size:14px;
		}
	
	.two-column {
		width:100%;
		}
		
	.sidebar-wrap {
		width:100%;
		}
	
	.big-saying { 
		margin-left:0;
		margin-top:10px;
		padding-left:10%;
		padding-right:10%;
		text-align:center;
		padding-top:0;
		padding-bottom:20px;
		}
		
	.big-saying h1 {
		font-size:26px;
		}
	.big-saying h2 {
		font-size:14px;
		}
		
	.grid-icon img {
		display:none;
		}
		
	.grid-list-clients{
		float:none;
		width:358px;
		margin-left:20px;
		}
		
	.grid-list-portfolio{
		float:none;
		width:358px;
		margin-left:-10px;
		}
	.grid-list-portfolio ul li,.grid-list-clients ul li {
		width:168px;
		}
		
	.grid-list-two-portfolio ul,.grid-list-three-portfolio ul,.grid-list-four-portfolio ul,.grid-list-four-services ul{
		width:410px;
	}
	.grid-list-two-portfolio ul li,.grid-list-three-portfolio ul li,.grid-list-four-portfolio ul li,.grid-list-four-services ul li   {
		width:100%;
		}

	.flexslider-container  .flex-title a {
		font-size:14px;
		font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;
		}

	
	.homemenu-wrap {
		display:none;
		}
		
	.main-select-menu {
		display:block;
		}
		
	.logo {
		float:none;
		width:100%;
		}
		.logo img {
			margin-left:auto;
			margin-right:auto;
			display:block;
			max-width:410px;
			}
		
	.accordion-tabs .pane, .panes .pane  { width:310px;}
	
	#footer .footer-column, #footer .footer-double-column, #footer-container {
		display:none;
		width:418px;
	}
	
	.post-summary-image {
		display:none;
	}
	
	.portfolio-related-column {
		float:none;
		width:100%;
		}
		
	.portfolio-contents-column {
		width:100%;
		}
		
	.grid-list-portfolio-related ul li {
		width:164px;
		}
		
	.grid-list-portfolio-related ul {
		border-top:1px solid #eee;
		}
		
	.grid-list-portfolio-related .clear {
		display:block;
		}
}