.header a#logo 
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.banners {
    float: none;
    width: 100%;
    text-align: center;
}
.header {
    width: 100%;
}
.banners img 
{
    width: 90%;
    margin-top: 10px;
}
.body .home .content 
{
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}
.body .home .sidebar
{
	width: 100%;
}
.content h1 {
    font-size: 36px;
}
.section h4
{
	font-size: 16px;
    text-align: center;
}
.section img
{
	width: 100%;
}
.header a img {
    border: 0 none;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 0px;
    height: 50px;
}
.body .home .content .section ul
{
    padding-left: 0px;
}
.body .home .content .section #playlist1, .body .home .content .section audio
{
    padding-left: 10px;
}
.navigation
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.navigation li
{
    float: none;
    display: inline-block;
}
.body .blog .section:first-child div:first-child div
{
    width: 96%;
}
.body .blog .section div:nth-child(2)
{
    width: 96%;
    min-height: auto;
}
.body .blog .section:first-child div
{
    width: 96%;
}
.footer .about
{
    width: 100%;
}
.footer .contact
{
    width: 100%;
}
.footer p.footnote
{
    clear: both;
    float: none;
    text-align: center;
    width: 100%;
}

.body .home .sidebar ul li a img, .body .about div.sidebar div ul li a img {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
.body .blog .section:first-child div div img
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
    margin-top: 40px;
}
.body .blog .section:first-child div img, .body .blog .section div:first-child div ul li img
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
    margin-top: 40px;
}
.page {
    width: 100%;
}
.footer .about div a
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    border: 0px;
}
.footer .about div p
{
    float: none;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.footer .about div a.more
{
    display: block;
}
.body .home .sidebar
{
    float: none;
    text-align: center;
}
.body .home .sidebar ul ul.padding-mum li a
{
    text-align: center;
}
.body .blog
{
    text-align: center;
}
.footer .about h3, .footer .contact h3
{
    text-align: center;
}
.footer .contact ul li span
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.footer .contact ul li p
{
    float: none;
    text-align: center;
    width: 100%;
}
.bg-white
{
display : none;
    border-radius: 0px;
}

/*------------------------- android ------------------------*/

.section h4
{
    font-size: 9px;
}

/*------------------------- mini ------------------------*/

.content h1 {
    font-size: 28px;
}
.body .blog .section:first-child div div img
{
    width: inherit;
}
.body .blog .section:first-child div img, .body .blog .section div:first-child div ul li img
{
    width:96%;
}
.header ul.navigation li
{
    width: 30%;
}
.header ul.navigation li a
{
    font-size: 12px;
}
.header ul.navigation li
{
    margin-left: 0px;
}
.header a#logo
{
    height: 25px;
}
.body .home .sidebar ul li a img, .body .about div.sidebar div ul li a img
{
    width: 100%;
}
.body .home .sidebar
{
    border-radius: 0px;
}
.body .home .content .section ul
{
    border-radius: 0px;
}
.body .blog .section:first-child div
{
    border-radius: 0px;
}
.body .blog .section:first-child div:first-child div
{
    border-radius: 0px;
    min-height: auto;
}
.footer .about div
{
    border-radius: 0px;
}
.footer .contact ul
{
    border-radius: 0px;
}
.navigation li a
{
    font-size: 11px;
}
.desktop
{
    display: none;
}
.mobile
{
    display: block;
        padding-top: 30px;

}
/*about*/
.bism img {
    display: block;
    margin: 15px auto 0;
    width: 70%;
}
.body .about div div:first-child h1 {
    margin-top: 13px;
    text-align: center;
}
.body .about div div h1
{
    font-size: 12px;
}
.return-btn
{
    margin: 0 auto;
}
.bism h2
{
    float: none;
    text-align: center;
    margin-top: 25px;
}
.footer .connect a#twitter
{
    color: #fff;
}
.footer .connect a#facebook
{
    color: #fff;
}
.footer .connect a#googleplus
{
    color: #fff;
}
.desktop
{
    display: none;
}
.mobile
{
    display: block;
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.navigation li a
{
    height: auto;
}
.mobile li
{
   display: inline-block;
}
.mobile-banners
{
       display: block;
    float: right;
    width: 68%;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 6px;
}
.mobile-banners img
{
    width: 100%;
}
.banners
{
    display: none;
}
.salat-mbl
{
     display: block;
}
.salat-dkt
{
    display: none;
}
.body .about div.sourate {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    float: none;
}
.body .about div .image {
    position: relative;
    width: 100% !important;
    height: auto;
    margin-right: 0px;
}
.image h2.my-h2 {
    position: initial;
    text-align: center;
}
.bism .tab-images img
{
    width: 80%;
    margin: 0 auto;
}
.body .about div div.inner-text
{
    padding-left: 0px;
}
.body .about div.tajmehal
{
    width: 100%;
}
.body .about div.translate {
    width: 100%;
}
.body .about div.arbi {
    width: 100%;
    margin: 0 auto;
}
.bism .arbi img
{
    margin: 0 auto
    
}
.body .about div.small-pic
{
    width: 100%;
}
.bism .muslim-people img {
    width: 80%;
    margin-bottom: 20px;
}

body {
	background-size:cover;
	background-position:center center;
	
}





.body .home .content .section ul {
	padding-right:20px;
}
.body .home .content .section ul li {
	margin:0px;
}

.body .home .content .section #playlist1  {
	width:270px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center
}

.body .home .content .section audio {
	width:280px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center
}

.body .home .content .section #playlist {
	width:270px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center
}

.salat-mbl {
	padding-bottom:20px;
}

.bottom-a {
	margin-bottom:20px;
}

/* */

.body .home .sidebar ul li {
	border-left:0px;
}

.body .home .sidebar ul li a {
	padding-right:5px;
}

.body .blog .section:first-child div span, .body .blog .section:first-child div div span, .body .blog-single div:first-child div span {
	
	float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

.footer .contact {
	margin-bottom:30px;
}

.body .home .content .section ul {
	padding-right:0px;
}

.bottom-a {
	padding-left:10px;
	padding-right:10px;
}

.body .blog .section:first-child div:first-child div {
	padding: 10px 10px 10px 5px;
}

.body .blog .section:first-child div {
	padding: 10px 10px 10px 5px;
}


center b {
	
	padding-left:10px;
	padding-right:10px;
}

.bg-white img {
	width:100%;
	height:auto;
}
.body .about table tbody tr td {    display: block !important;    float: none !important;    margin-left: auto !important;    margin-right: auto !important;    text-align: center !important;}dd {    margin-left: 0;}.islamic-mosque h6 {    display: block;    float: none;    margin-left: auto;    margin-right: auto;    text-align: center;	width: auto;}.body .about div div .inner-text .center-div.div-wdth-50 .text-align-left {    text-align: center;}.body .about div div p {    margin-left: auto;    margin-right: auto;    text-align: center;}ul.list-style-none li {    margin-left: auto;    text-align: center;}.body .about div div font {    display: block;    float: none;    margin: 0 auto;    text-align: center;}.about ul {    list-style: outside none none;    padding-left: 15px;    text-align: center;}table{	width: 100%;}.inner-text h5 {    text-align: center;}.body .about div div.count-makkah {    display: block;    float: none;    margin-left: auto;    margin-right: auto;    text-align: center;    width: 100%;}