@charset "utf-8";

@media only screen and (min-width: 992px) {
	.container {
		width: 910px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	.ar #content.post figure figcaption .published-note,
	#content.post figure figcaption .published-note {
		position: initial;
	}
	.inline-image-left figure.figure , .inline-image-right figure.figure {
		width: 100%;
	}
	figcaption h1{
		font-size: 2em !important;
	}
	#content figure img {
		min-height: 340px;
	}


	.wrap {
		padding: 20px 20px;
	}
	h1#mobile-logo {
		display: block;
		z-index: 103;
		background: #000;
		position: fixed;
		top: 55px;
		left:0;
		margin: 0;
		width: 100%;
		_height: 230px;
		padding: 0;
	}
	#content .page-title {
		margin: 0;
		color: #ddd;
		background: transparent;
		padding: 0 15px;
		line-height: normal;
		text-align: center;
	}
	.related-posts-sidebar ul {
		margin: 0;
		padding: 0;
	}
	.related-posts-sidebar {
		margin: 50px 0;
		padding: 20px;
	}
	#content .page-title {
		padding-top: 30px;
	}
	.inline-image-right figure.figure {
		margin-left: 0;
	}
	#content {
		padding-left: 0px !important;
		margin-top: 230px;
		z-index: 102;
	}
	#content:lang(ar) {
		padding-right: 0px !important;
	}
	.most-populat-posts-blocks {
		display: none;
	}
	.post .gradient-black-blackt, .ar .post .gradient-black-blackt {
		padding: 20px !important;
	}
	header {
		position: fixed;
		top: 0;
		min-height: 100%;
		height: auto;
		padding-top: 53px;
		opacity: 0;
		transition: all .3s;
		left: -250px;
	}

	#background-color {
		background: #fff;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 101;
		-webkit-overflow-scrolling: touch;
		top: 0;
		left: 0;
		display: block
	}
	#bottom-header {
		position: relative;
		bottom: auto;
		width: 100%;
		text-align: center;
	}
	#menu-button {
		display: block;
	}
	#fixed-barrier {
		display: none;
	}
	.pushed-left #fixed-barrier {
		left: 0px;
		top: -200px;
		display: block;
		height: calc(100% + 200px);
	}
	h1#logo {
		display:none;
	}
	.top-header .social-list {
		display: none;
	}
	.pushed-left h1#mobile-logo {
		-webkit-transform: translateX(275px);
		-ms-transform: translateX(275px);
		transform: translateX(275px);
	}
	.wrapper {

	}
	.border-bottom-on-header #logo {
		border-bottom: 1px solid #d8d8d8;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.post-tools ul {
		margin: 0;
		padding: 0;
		margin-bottom: 15px;
	}
	.related-posts-blocks .row.no-gutters {
		margin: 0px 0;
	}
	.related-posts-sidebar {
		min-width: 100%;
		padding: 50px;
		background: #f5f5f5;
	}
	.post-tools ul li {
		display: inline-block;
	}
	.hentry ul {
		text-align: center !important;
	}
	article.post {
		display: block;
	}
	.client {
		width: 33.33333%;
	}
	.fix-5 {
		max-width:100%;
		flex: 0 0 100%;
	}
	.ajax-more {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 0;
		height: 50px;
		background: #fff;
		text-align: center;
		padding-top: 15px;
		cursor: pointer;
		z-index: 99999;
	}
	#ajax-content.visible .ajax-sidebar {
		position: absolute;
		width: 0;
		right: 0;
	}
	#ajax-content.visible .ajax-sidebar.collapsed {
		width: 100%;
	}
	#ajax-content.visible .ajax-slider {
		width: 100%;
		-webkit-transition: all 0s ease-in-out;
		-moz-transition: all 0.0s ease-in-out;
		-o-transition: all 0.0s ease-in-out;
		transition: all 0.0s ease-in-out;
	}
	.ajax-sidebar #project-title {
		padding: 40px;
		margin: 0 auto;
		margin-top: 30px;
		width: 300px;
		text-align: center;
	}
	.bottom {
		position: relative;
		padding-top: 20px;
		bottom: auto
	}
	#project-title h3 {
		font-size: 24px;
		line-height: 1.25;
		letter-spacing: -0.5px;
	}
	.ajax-more {
		font-size: 12px;
	}
	.ajax-prev, .ajax-next {
		display: none !important;
	}
	#project-title .child {
		vertical-align: top;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	.top-header {
		position: fixed;
		top: 0;
	}
	.containing-image-wrapper {
		position: relative;
		height: 370px;
	}
	.flex-direction-nav .flex-next {
		right: -15px !important;
	}
	.flex-direction-nav .flex-prev {
		left: -15px !important;
	}
	.extra-padding-left {
		padding-left: 15px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

	h2 {
		font-size: 36px;
		line-height: 1.2;
		letter-spacing: -1px;
	}
	.info-box-content .parent {
		padding: 30px;
	}
	.containing-image-wrapper {
		position: relative;
		height: 270px;
	}
	.centered-on-xs {
		text-align: center;
	}
	.col-lg-12 .client {
		width: 50%;
	}
	.teaser-content {
		padding: 25px 15px;
	}
	.comment {
		padding: 30px 0 25px
	}
	.commenter-avatar {
		padding: 0;
		margin: 0 auto;
		width: 150px;
		display: inline-block;
		float: none
	}
	.comment-content {
		padding-top: 20px;
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.comment.reply.level-1 {
		padding-left: 0
	}
	.comment-form-wrapper {
		padding-top: 29px;
	}
	.comment-form-icon-wrapper {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.comment-form-icon-wrapper:before {
		display: inline-block;
	}
	.comment-form {
		padding: 0;
	}
	input, textarea {
		width: 100% ;
	}
	.top-header .circled {
		margin: 0;
	}
	.search input, .search textarea {
		_width: initial !important;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		border: 0;
	}
	.height-500 {
		height: 450px;
	}
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */