/*************************************************
*	10. Tablet				 *
*************************************************/
@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	.container { width:726px; }
	
	.content {
		width:460px;
		margin-right:30px;
		float:left;
	}

	.sidebar {
		width:220px;
		float:right;
		padding-left:16px;
		box-shadow: -15px 0px 30px -15px #d3d3d3;
	}
	
	.page-title {
		width:726px;
	}
	
	#header .menu li {
		margin-left:30px;
	}
	
	/* Slider */
	.block.slider { width:706px; }
	
	.welcome-text {
		padding-top:0 !important;
	}
	.welcome-text h2 {
		font-size:24px !important;
		line-height:30px;
		margin-bottom:14px;
	}
	.welcome-text p {
		font-size:15px !important;
		color:rgba(255, 255, 255, 0.7);

	}
	.welcome-text span.and {
		font-size:36px;
		margin:0 6px 0 2px;
	}
	.welcome-text a.welcome-button {
		margin-top:18px;
		font-size:16px;
		padding:14px 26px 14px 26px;
	}
	.flexslider ul.slides li img {
		max-width:706px;
		height:auto !important;
	}
	.page-title-wrapper.homepage {
		height:100% !important;
	}
	.page-title-wrapper.homepage .page-title-bg {
		padding:80px 0 120px 0;
		height:auto !important;
	}
	
	/* Items */
	.item4 {
		width:168px;
		margin-right:18px;
	}
	.item4 img {
		max-width:168px;
		height:auto;
	}
	.item4.last {
		margin-right:0;
	}
	.portfolio-item img {
		max-width:168px !important;
		max-height:168px;
	}
	.portfolio-item {
		width:168px !important;
		height:168px !important;
	}
	.portfolio-text {
		width:148px;
		height:168px;
		padding:0 10px;
	}
	
	
	
	
	.item3, .team {
		width:230px !important;
		margin-right:18px;
	}

	.item3 img {
		max-width:230px !important;
		max-height:230px !important;
	}
	.item3.last {
		margin-right:0;
	}
	.item3.portfolio-item {
		width:230px !important;
		height:230px !important;
	}
	.item3.portfolio-item .portfolio-text {
		width:210px !important;
		height:230px !important;
	}
	
	.item5 {
		margin-right:19px !important;
	}
	.item5.last {
		margin-right:0 !important;
	}
	.item5.portfolio-item {
		width:130px !important;
		height:130px !important;
	}
	.item5.portfolio-item img {
		width:130px !important;
		height:130px !important;
	}
	.item5.portfolio-item .portfolio-text {
		width:110px !important;
		height:130px !important;
	}
	
		.item4.portfolio-item .portfolio-text h3 a {
			font-size:12px;
		}
		.item4.portfolio-item .portfolio-text h3 {
			line-height:15px;
		}
	
	/** Content with sidebar **/
	.content .block.slider {
		width:460px;
		border:none;
	}
	.content .block.slider img {
		width:460px;
		height:auto;
	}
	
	.content .item4 {
		width:220px !important;
		margin-right:20px;
	}
	.content .item4 img {
		max-width:220px !important;
		max-height:220px;
	}
	.content .item4.portfolio-item {
		margin-bottom:0 !important;
		width:220px;
		height:220px !important;
	}
	.content .item4.portfolio-item img {
		width:220px;
		height:220px !important;
	}
	.content .item4.portfolio-item .portfolio-text {
		width:200px;
		height:220px;
	}
	.content .item3 {
		width:140px !important;
	}
	.content .item3.team {
		width:220px !important;
	}
	.content .item3.team img {
		width:220px !important;
	}
	
	.content .block.clients .item4 {
		width:100px !important;
	}
	
	.content .block.clients .item4 img {
		width:100px;
	}
	
	.content .item4.service-item {
		width:460px !important;
		margin-bottom:20px;
	}

	
	
	/* Portfolio single */
	.portfolio-image img {
		max-width:726px;
		height:auto;
	}
	
	.portfolio-descrip {
		float:left;
		width:440px;
	}

	.portfolio-details {
		float:right;
		width:210px;
		padding-left:30px;
		margin-left:40px;
		box-shadow: -15px 0px 30px -15px #d3d3d3;
	}
	
	/* Portfolio Half layout */
	.portfolio-image.half {
		width:440px;
		margin-right:20px;
	}
	.portfolio-image.half img {
		max-width:440px;
		height:auto;
	}

	.portfolio-content.half {
		width:266px;
	}
	
	.portfolio-content.half .portfolio-descrip {
		width:266px;
	}
	.portfolio-content.half .portfolio-details {
		width:266px;
	}
	
	/* Blog */
	.post-image img {
		max-width:460px;
		height:auto;
	}
	.block.page .post-image img {
		max-width:726px;
		height:auto;
	}
	.post-info {
		float:left;
		width:70px;
	}
	.post-info img {
		width:50px;
		height:50px;
	}
	.post-info .date {
		width:50px;
	}
	.post-content h2.post-title {
		font-size:18px;
	}
	
	.post-pagination a.pagination {
		width:460px;
		margin-bottom:5px;
	}
	
	.post-share ul.share_buttons li {
		float:left;
		margin-right:24px;
	}
	.post-share ul.share_buttons li.twitter-button {
		margin-right:4px;
	}
	.post-share ul.share_buttons li:last-child {
		margin-right:0;
	}
	
	/* Widgets */
	.widget img {
		max-width:220px;
		height:auto;
	}
	
	input.search {
		width:182px;
	}
	
	ul.grid-items li {
		margin-right:5px;
	}
	
	ul.grid-items li img {
		width:70px;
		height:auto;
	}
	
	.footer-social {
		float:none;
		margin-bottom:20px;
	}
	.footer-text {
		float:none;
		margin-bottom:0;
	}
	
	/* Grid Items */

	ul.grid-items a img.last {
		margin-right:10px !important;
	}
	
	/** Footer **/
	#footer {
		height:auto !important;
		padding:20px 0 8px 0;
	}
	#footer .container {
		
	}
	.footer_text {
		float:none;
		clear:both;
		position:static !important;
		padding-top:16px;
	}
	#footer_logo, #footer_arrow, #footer_icons {
		position:static !important;
	}
	
	a.share {
		margin:0 17px 14px 17px;
		display:inline-block;
	}
	
}

/*************************************************
*	Mobile Portrait				 *
*************************************************/

@media only screen and (max-width: 767px) {
	
	.container { width:300px; }
	
	.content {
		width:300px;
		margin-right:0;
		float:none;
	}

	.sidebar {
		width:300px;
		float:none;
		padding-left:0;
		box-shadow:none;
		margin-top:40px;
		padding-top:40px;
		border-top:1px solid #e5e5e5;
	}
	
	#header {
		margin-bottom:30px;
	}
	
	img {
		max-width:300px;
		height:auto;
	}
	
	#header {
		height:auto !important;
		padding:20px 0;
		margin:0;
	}
	#logo {
		margin-bottom:20px !important;
		float:none;
		position:static !important;
		width:300px;
		text-align:center;
	}
	
	/** Navigation **/
	#header .menu {
		display:none;
	}
	.container .responsive-navi {
		display:inline;
	}
	
	#navigation_select {
		border:1px solid #ddd;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
		padding:10px;
		width:300px;
		margin-bottom:10px;
	}
	
	/* Slider */
	.block.slider { width:280px; }
	
	.welcome-text {
		text-align:center;
		padding-top:0 !important;
	}
	.welcome-text h2 {
		font-size:14px !important;
		line-height:22px;
		margin-bottom:10px;
	}
	.welcome-text .firstline h2 {
		margin-bottom:10px;
	}
	.welcome-text p {
		font-size:12px !important;
		color:rgba(255, 255, 255, 0.7);
	}
	.welcome-text a.welcome-button {
		font-size:12px;
		padding:8px 16px 9px 16px;
		margin-top:0;
		border-radius: 16px;
	}
	.welcome-text span.or {
		font-size:14px;
		margin:0 6px;
	}
	.welcome-text span.and {
		font-size:26px;
		margin:0 6px 0 2px;
	}
	.flexslider ul.slides li img {
		max-width:300px;
		height:auto !important;
	}
	.page-title-wrapper.homepage {
		height:100% !important;
	}
	.page-title-wrapper.homepage .page-title-bg {
		padding:60px 0 130px 0;
		height:auto !important;
	}
	.caption-wrapper {
		display:none;
	}
	.block {
		margin-bottom:30px;
	}
	
	.page-title-wrapper {
		height:90px;
	}
	.page-title-wrapper .page-title-bg {
		height:90px;
	}
	
	.page-title {
		width:300px;
	}
	
	.page-title h1 {
		font-size:16px;
		line-height:89px;
		margin-right:12px;
	}
	.page-title small {
		line-height:90px;
		font-size:12px;
	}
	
	/* Blocks and items */
	.item4.portfolio-item img, .item5.portfolio-item img, .content .item4.portfolio-item img {
		width:300px !important;
		height:300px !important;
	}
	.item4.portfolio-item, .item5.portfolio-item, .content .item4.portfolio-item {
		width:300px !important;
		height:300px !important;
	}
	.item4.portfolio-item .portfolio-text, .item5.portfolio-item .portfolio-text, .content .item4.portfolio-item .portfolio-text {
		width:280px !important;
		height:300px !important;
	}
	
	.service-item, .content .service-item, .content .item3 {
		width:300px !important;
	}
	.content .item3.team img {
		width:300px;
	}
	.content .item3 .testimonial {
		width:268px;
	}
	.content .block.clients .item4 {
		width:220px !important;
	}
	.content .block.clients .item4 img {
		max-width:220px !important;
		margin-bottom:10px;
	}

	h2.block-title {
		float:none;
	}
	ul.portfolio-filter {
		float:none;
		
		overflow:hidden;
		
	}
	ul.portfolio-filter li {
		margin-left:9px;
		padding-right:12px;
		margin-bottom:4px;
	}
	ul.portfolio-filter li:first-child {
		margin-left:0;
	}
	.block-header.responsive {
		margin-bottom:10px;
	}
	
	.team, .testimonial-image, .service-item {
		margin-bottom:20px;
	}
	
	
	/* Blog */
	.post-image img {
		max-width:300px;
		height:auto;
	}
	.block.page .post-image img {
		max-width:300px;
		height:auto;
	}
	.post-info {
		float:left;
		width:55px;
	}
	.post-info img {
		width:40px;
		height:40px;
	}
	.post-content h2.post-title {
		font-size:14px;
	}
	
	.about-author h4.post-widget-title {
		float:none;
		margin-bottom:2px;
	}
	
	.about-author a.author-link {
		float:none;
		text-transform:uppercase;
		font-size:10px;
		margin-bottom:6px;
	}
	
	.post-pagination a.pagination {
		width:300px;
		margin-bottom:5px;
	}
	
	/* Post share */

	.post-share ul.share_buttons li {
		float:none;
	}
	
	/* slider */
	.flex-direction-nav {
		display:none;
	}
	.flexslider ul.slides li .slider-text {
		position:absolute;
		bottom:10px;
		left:10px;
		padding-right:10px;
	}
	.flexslider ul.slides li .slider-text a h2 {
		font-size:11px;
		padding:4px 6px;
	}
	
	/* Portfolio single */
	.portfolio-image img {
		max-width:300px;
		height:auto;
	}
	
	.portfolio-descrip {
		float:none;
		width:300px;
	}

	.portfolio-details {
		float:none;
		width:300px;
		padding-left:0;
		margin-left:0;
		box-shadow: none;
	}
	
	/* Portfolio Half layout */
	.portfolio-image.half {
		width:300px;
		margin-right:20px;
	}
	.portfolio-image.half img {
		max-width:300px;
		height:auto;
	}

	.portfolio-content.half {
		width:300px;
	}
	
	.portfolio-content.half .portfolio-descrip {
		width:300px;
	}
	.portfolio-content.half .portfolio-details {
		width:300px;
	}
	
	/* footer */
	.footer-social {
		float:none;
		margin-bottom:20px;
	}
	.footer-text {
		float:none;
		margin-bottom:0;
	}
	
	/* archive */
	.post-meta {
		margin-bottom:10px !important;
	}
	.post-meta li.author, .post-meta li.comments {
		display:none;
	}
	
	/* Grid Items */

	ul.grid-items a img.last {
		margin-right:10px !important;
	}
	
	.comment span.date {
		display:none;
	}
	
	/** Footer **/
	#footer {
		height:auto !important;
		padding:20px 0 8px 0;
	}

	.footer_text {
		float:none;
		clear:both;
		position:static !important;
		padding-top:16px;
	}
	#footer_logo, #footer_arrow, #footer_icons {
		position:static !important;
	}
	#footer_arrow {
		display:none;
	}
	
	#respond textarea { 
		width:95%;
	}
	#footer_icons {
		clear:both;
		margin-top:14px;
	}
	
	a.share {
		margin:0 17px 14px 17px;
		display:inline-block;
	}
}

/*************************************************
*	10. Landscape				 *
*************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.container { width:440px; }
	
	.content {
		width:440px;
		margin-right:0;
		float:none;
	}

	.sidebar {
		width:440px;
	}
	
	img {
		max-width:440px;
		height:auto;
	}
	
	/** Navigation **/
	
	#navigation_select {
		margin-bottom:10px;
		width:440px;
	}
	
	#logo {
		width:440px;
		text-align:center;
	}
	
	/** Slider */
	.block.slider { width:420px; }
	
	.page-title-wrapper.homepage .page-title-bg {
		padding:50px 0 100px 0;
	}
	.flexslider ul.slides li img {
		max-width:420px;
		height:auto;
	}
	.welcome-text {
		padding-top:0 !important;
	}
	.welcome-text h2 {
		font-size:16px !important;
		line-height:22px;
		margin-bottom:10px;
	}
	.page-title-wrapper {
		height:100px;
	}
	.page-title-wrapper .page-title-bg {
		height:100px;
	}
	.page-title-wrapper.homepage .page-title-bg {
		padding:60px 0 130px 0;
		height:auto !important;
	}
	.page-title h1 {
		font-size:22px;
		line-height:99px;
		margin-right:12px;
	}
	.page-title small {
		line-height:101px;
		font-size:12px;
	}
	.page-title {
		width:440px;
	}
	
	/* Items */
	.item4, .content .item4 {
		width:200px !important;
		margin-right:20px;
	}
	.item4.last, .content .item4.last {
		margin-right:0;
	}
	
	.item4 img, .item3 img, .item5 img, .content .item4 img{
		max-width:200px !important;
		max-height:200px !important;
	}
	.item4.portfolio-item, .item3.portfolio-item , .item5.portfolio-item, .content .item4.portfolio-item {
		width:200px !important;
		height:200px !important;
	}
	.item4.portfolio-item .portfolio-text, .item3.portfolio-item .portfolio-text, .item5.portfolio-item .portfolio-text, .content .item4.portfolio-item .portfolio-text {
		width:180px !important;
		height:200px !important;
	}
	
	.item3, .content .item3 {
		width:440px !important;
	}
	.content .item3 .testimonial {
		width:384px !important;
	}
	.item3.last, .content .item3.last {
		margin-right:20px;
	}
	
	.item3.team, .content .item3.team {
		width:200px !important;
		margin-right:20px;
	}
	.content .item3.team img {
		width:200px;
	}
	
	.content .block.clients .item4 {
		width:200px !important;
	}
	.content .block.clients .item4 img {
		max-width:200px !important;
	}
	.content .item4.service-item {
		width:420px !important;
	}
	
	/* Portfolio single */
	.portfolio-image img {
		max-width:440px;
		height:auto;
	}
	
	.portfolio-descrip {
		float:none;
		width:440px;
	}

	.portfolio-details {
		float:none;
		width:440px;
		padding-left:0;
		margin-left:0;
		box-shadow: none;
	}
	
	/* Portfolio Half layout */
	.portfolio-image.half {
		width:440px;
		margin-right:20px;
	}
	.portfolio-image.half img {
		max-width:440px;
		height:auto;
	}

	.portfolio-content.half {
		width:440px;
	}
	
	.portfolio-content.half .portfolio-descrip {
		width:440px;
	}
	.portfolio-content.half .portfolio-details {
		width:440px;
	}
	
	/* Blog */
	.post-image img {
		max-width:440px;
		height:auto;
	}
	.block.page .post-image img {
		max-width:440px;
		height:auto;
	}
	
	.post-content h2.post-title {
		font-size:14px;
	}
	
	.about-author h4.post-widget-title {
		float:none;
		margin-bottom:2px;
	}
	
	.about-author a.author-link {
		float:none;
		text-transform:uppercase;
		font-size:10px;
		margin-bottom:6px;
	}
	
	.post-pagination a.pagination {
		width:440px;
		margin-bottom:5px;
	}
	
}