/* ============================================================
   Block Width: 50% and 33% — Custom Layout
   يعتمد على نظام الغريد الموجود في الثيم (tie-col-sm-*)
   ============================================================ */


/* ---- 50% half-box: دعم لجميع أنواع البلوكات ---- */

.half-box.first-half-box {
	clear: right;
}
.half-box.second-half-box {
	padding-left: 15px;
	padding-right: 0;
}
.half-box .posts-items li {
	width: 100%;
	padding: 0;
}
.half-box-clearfix {
	clear: both;
	width: 100%;
	height: 0;
	display: block;
}

/* RTL */
.rtl .half-box.first-half-box,
body.rtl .half-box.first-half-box {
	clear: left;
}
.rtl .half-box.second-half-box,
body.rtl .half-box.second-half-box {
	padding-right: 15px;
	padding-left: 0;
}


/* ============================================================
   33% third-box
   ============================================================ */

.third-box.mag-box {
	float: right;
	padding: 0 !important;
	box-sizing: border-box;
}
.third-box.first-third-box  { padding-left: 10px  !important; }
.third-box.second-third-box { padding-left: 5px   !important; padding-right: 5px !important; }
.third-box.last-third-box   { padding-right: 10px !important; }

.third-box .posts-items li {
	width: 100%;
	padding: 0;
}
.third-box-clearfix {
	clear: both;
	width: 100%;
	height: 0;
	display: block;
}

/* LTR */
body:not(.rtl) .third-box.mag-box         { float: left; }
body:not(.rtl) .third-box.first-third-box  { padding-left: 0 !important; padding-right: 10px !important; }
body:not(.rtl) .third-box.second-third-box { padding-left: 5px !important; padding-right: 5px !important; }
body:not(.rtl) .third-box.last-third-box   { padding-right: 0 !important; padding-left: 10px !important; }


/* ============================================================
   Responsive
   ============================================================ */

/* تابلت */
@media (max-width: 991px) and (min-width: 600px) {
	.third-box.mag-box          { width: 50% !important; }
	.third-box.last-third-box   { width: 100% !important; padding: 0 !important; margin-top: 15px; }
}

/* جوال */
@media (max-width: 599px) {
	.half-box.mag-box,
	.half-box.first-half-box,
	.half-box.second-half-box {
		width: 100% !important;
		padding: 0 !important;
		clear: both;
	}
	.third-box.mag-box,
	.third-box.first-third-box,
	.third-box.second-third-box,
	.third-box.last-third-box {
		width: 100% !important;
		padding: 0 !important;
	}
}