body {
  padding: 0px;
  padding: 0px;
  background:url(images/bg.png) repeat top left #ffffff;
}

#page-wrapper { margin:0px auto; }
#logo-bar-wrapper {height:155px; background:#fff url(images/header-1200.png) no-repeat center center; }
#logo-bar { padding:0px 0px 0px 0px; }
#logo-wrapper {  }
#logo {	float:left; margin:0; width:150px; height:120px; }
#logo img {	margin:10px 0 0 10px; }

.ads { float:right; margin:40px 15px 0 0; width:468px; height:60px; }
.ads img {	margin:0; width:468px; height:60px; }
	
#footer { padding:10px; color:#333; background:#7e471e url(images/footer-bg.png) repeat 0px 0px; }
#footer a { color:#fff; }

.powered { text-align:center; margin:10px 0 0 0; color:#333; }
.powered a { text-align:center; margin:10px 0 0 0; color:#fff; }

.block { border: 1px solid #ddd; background-color:#ffffff; margin-bottom:10px; }

.container { background-color: #ffffff; }

.well {	margin-top: 20px; }
.navbar-collapse { padding-left: 0px; }

.post_thumb {
	position: relative;
	display: block;
	float: right; 
	margin-left: 10px; 
	width:150px;
}

.post_thumb img {
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	width:100%;
	height:auto;
}

.post_thumb a img {
	border: 1px solid #ddd;
	padding: 3px;
}

.post_thumb a, .post_thumb a img { display: block; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#ff8a00; } /*ff8a00, 64ad15, 1eaade*/

.rewaya { padding-bottom:10px; margin-bottom:0px; margin-top:5px; color:#64ad15; }
.reciters { margin-bottom:0px; }
.recitersbyrewaya { padding:10px; color:#64ad15; }

.btn-toolbar { margin-bottom:15px; }

/*
div.col-md-4 { margin-bottom:10px; }
div:hover.col-md-4 { background-color: #eee; }
*/

div.spacer { padding:5px; margin: 0; background-color: #ffffff; border-bottom:1px dotted #666; margin-bottom:10px; }
div:hover.spacer { background-color: #eee; border-bottom:1px dotted #333; }

audio { width:100%; }
#sound { text-align:center; }
/*#sound { text-align:center; width:80%; margin:0 auto; position: fixed; /* or absolute */   bottom: 0; z-index:999999; }*/


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1200px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { background:url(images/bg.png) repeat top left #ffffff; }
}

/* rules for iPad in landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
.container { background:url(images/bg.png) repeat top left #ffffff; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { background:url(images/bg.png) repeat top left #ffffff; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#ffffff; height:auto; }
#logo {	float:none; margin:0; text-align:center; width:100%; height:auto; }
#logo img {	margin:10px 0 0 0; width:150px; height:120px; }

.ads { float:none; margin:10px 0 0 0; width:100%; padding:5px; text-align:center; }
.ads img {margin:0; width:100%; max-width:468px; }

.post_thumb { float: none; margin-left: 0px; margin-bottom: 10px; width:100%; text-align:center; }
.post_thumb img { width:250px; }
.post_thumb a, .post_thumb a img { display: inline; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container { background:url(images/bg.png) repeat top left #ffffff; }
.panel-body img { max-width:100%; }
.ads ul li { float:none; width:100%; margin:0px; padding:10px; text-align:center; }

#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#ffffff; height:auto; }
#logo {	float:none; margin:0; text-align:center; width:100%; height:auto; }
#logo img {	margin:10px 0 0 0; width:150px; height:120px; }

.ads { float:none; margin:10px 0 0 0; width:100%; padding:5px }
.ads img {margin:0; width:100%; }

.post_thumb { float: none; margin-left: 0px; margin-bottom: 10px; width:100%; text-align:center; }
.post_thumb img { width:250px; }
.post_thumb a, .post_thumb a img { display: inline; }
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
.container { background:url(images/bg.png) repeat top left #ffffff; }
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px; padding:10px; text-align:center; }

#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#ffffff; height:auto; }
#logo {	float:none; margin:0; text-align:center; width:100%; height:auto; }
#logo img {	margin:10px 0 0 0; width:150px; height:120px; }

.ads { float:none; margin:10px 0 0 0; width:100%; padding:5px }
.ads img {margin:0; width:100%; }

.post_thumb { float: none; margin-left: 0px; margin-bottom: 10px; width:100%; }
}

@media only screen and (max-width: 240px) {
.container { background:url(images/bg.png) repeat top left #ffffff; }
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px; padding:10px; text-align:center; }

#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#ffffff; height:auto; }
#logo {	float:none; margin:0; text-align:center; width:100%; height:auto; }
#logo img {	margin:10px 0 0 0; width:150px; height:120px; }

.ads { float:none; margin:10px 0 0 0; width:100%; padding:5px }
.ads img {margin:0; width:100%; }

.post_thumb { float: none; margin-left: 0px; margin-bottom: 10px; width:100%; }
}
}
body {
  background: #F8FBFF !important;
  color: #0F172A;
  font-family: Cairo, Tajawal, "Noto Kufi Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.minassati-audio-top {
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid #E2E8F0;
  margin-bottom: 24px;
}

.minassati-audio-inner {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  flex-wrap: wrap;
}

.minassati-audio-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0F172A;
  text-decoration: none;
}

.minassati-audio-brand img {
  width: 44px;
  height: 44px;
}

.minassati-audio-brand strong {
  display: block;
  font-size: 22px;
}

.minassati-audio-brand small {
  display: block;
  color: #64748B;
}

.minassati-audio-inner nav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.minassati-audio-inner nav a {
  padding: 8px 12px;
  border-radius: 999px;
  color: #334155;
  font-weight: 700;
}

.minassati-audio-inner nav a:hover {
  background: #EFF6FF;
  color: #3B82F6;
  text-decoration: none;
}

#page-wrapper, .well, .panel {
  border-radius: 8px !important;
  border-color: #E2E8F0 !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.05);
}

#footer {
  background: #0F172A !important;
  color: #E2E8F0 !important;
  border-radius: 8px;
  margin-top: 24px;
}

#footer a, #footer .powered {
  color: #E2E8F0 !important;
}