@charset "utf-8";
/* CSS Document */
html {position:relative;  min-height:100%;}
.clear{clear:both;}
h1,h2,h3 {margin:0;}
body {background:#e9e9e9; font-family:'GESSTwoMedium'; font-weight:400; line-height: 1.2; color:#333; margin:0; padding:0;text-align: center;}
a { color: #285269; }
.errorempty {border: 1px solid #F00 !important;}
.btn {font-size: 16px;font-weight: 500;}
/*#############################<HEADER>################################*/
header{background-color:#fff; border-bottom:1px solid #E8E8E8; height:77px; }
#logo {float:right; width:18%; height:77px; display:block; padding:7.5px 0px;background: #285269;margin: 0 0px 0 0;}
#logo img{width: 95%;height: 89%;}

h1.title {margin: 12px 0px;}

.nav {margin: 0;}
.tmenu {float:right; list-style:none; list-style-type:none; margin:0; padding: 0 20px 0 0;}
.tmenu li {float: right; padding: 0;}
.tmenu li a {color:#000; padding:8px; font-size:14px; text-decoration:none; display:flex; display:-webkit-flex; align-items:center;}

.login-reg{float:right; list-style:none; list-style-type:none; margin:0; padding: 0 20px 0 0;}
.login-reg li {float: right; padding: 0;}
.login-reg li a {color:#000; padding:8px; font-size:14px; text-decoration:none; display:flex; display:-webkit-flex; align-items:center;}


.menu {float:right; list-style:none; list-style-type:none; margin:0; padding: 0 20px 0 0;}
.menu li {float: right; padding: 0; position:relative;height: 77px;}
.menu li a {color:#285269; font-size:21px; text-decoration:none; display:inline-block; border-left:1px solid rgba(0,0,0,0.2); padding: 13.3px;}

.menu li a span{display:block; text-align:center; font-size:20px;}
.menu li a span i {font-size:20px;}
.menu li:hover {background:#285269;color:#fff}
.menu li:last-child a{border:0;}
.menu li a:hover {background:#285269;color:#fff}
.menu li:hover > ul{display:block}
.menu li:hover > a {border-left:1px solid #285269;}

.menu li ul{position:absolute; right:0; display:none; z-index:999;}
.menu li ul li{background:#fff; float:right; padding:0; margin:0; text-align:center; width:140px;}
.menu li ul li a{color:#000; margin:11px 0; font-size:12px; text-decoration:none; display:-moz-box; border-left:0; padding:0 10px;}

.btnIndex{  padding: 15px 30px;   margin: 10px;   background-color: #285269;   border-color: #234a60;}
.btnIndex:hover{background: #b33030;}
.User {text-align: right;padding: 5px 2px;z-index: 9999;border: 0px solid #E8E8E8; color: #eee; background: #3D3D3D;position: absolute;display: none;float:right; list-style:none; list-style-type:none; margin:0; }

.User li {float: right; padding: 0; position:relative;}
.User li a {color:#eee; margin:11px 0; font-size:12px; text-decoration:none; display:inline-block;  padding:0 10px;}
.User li a span{display:block; text-align:center; font-size:20px;}
.User li a span i {font-size:20px;}
.User li:hover {background:#285269;}
.User li:last-child a{border:0;}

.User li:hover > ul{display:block}
.User li:hover > a {border-left:1px solid #285269;}

.User li ul{position:absolute; right:0; display:none; z-index:999;}
.User li ul li{background:#285269; float:right; padding:0; margin:0; text-align:center; width:140px;}
.User li ul li a{color:#000; margin:11px 0; font-size:12px; text-decoration:none; display:-moz-box; border-left:0; padding:0 10px;}

.menuIcon{float: left;border-right: 1px solid rgba(0,0,0,0.2);padding:17.5px 10px;font-size:30px;}
.menuIcon a{color:#000;}

.menu li{display:none;}
.menu.responsive{top: 69px;left: 0px;position: absolute;z-index: 999;float: none;width: 160px;}
.menu.responsive li{display:block;float: right;padding: 0;margin: 0;width: 140px;text-align: center;position: relative;}
.menu.responsive li:hover{background: #285269;color:#fff;}
.menu.responsive li a{display:block;text-align:center;background:#fff;padding: 5px 2px;margin: 0;}
.menu.responsive li:last-child{/*! display:none; */}
.menu.responsive li ul {position:absolute; left:240px; top:0;}
.menu.responsive li a span {display:none;}

.hOne {float:right; border-bottom:1px solid rgba(0,0,0,0.2); padding-left:0; width:82%;}
.hTwo {float:right; padding-left:0; width:82%;}
.orderby{float: left; font-size: 20px; line-height: 19px;border: 0;}
.social{list-style:none; margin:7px; padding:0px; float:left;}
.social li{float:right; margin-right:12px;}
.social li a {color: #fff !important;  font-size: 21px;}
.social li a:hover {color: #285269 !important; }
.topfixednav{display:none;}
.adsense{width:100%; margin-bottom:15px; text-align:center;clear: both;}


.search {float:none;}
.inpsearch {direction: rtl;display:none;width: 600px; margin: 30px auto;}
.submit-rating-btn{background-color: #132834 !important; width: 100px; color: white; border-radius: 5px; direction: rtl; padding: 5px; border: none; margin: 10px;}
#subsearchm {display:none;}


.articaleBody{direction: rtl;line-height: initial ;text-align: right; clear: both; float: right !important; padding-right: 0; color: #333; font-size: 15px; margin: 0; margin: 10px 0 40px; width: 100%;}
.articaleBody img{width: 100% !important;}
/*#############################</HEADER>################################*/


/*#############################<ADSENSE>################################*/
.adsenseHome {text-align:center;}
.adsenseHome #ADS728 {display:block;background: #fff;border: 1px solid #E8E8E8;width: 728px;height: 90px;margin: 0 auto 15px;}
.adsenseHome #ADS300 {display:none; background: #fff;border: 1px solid #E8E8E8;width: 300px;height: 250px;margin: 0 auto 15px;}

.adsense .ADSContentPC{display:block; background:#fff; width: 100%; height:110px !important; margin:0 auto 15px; overflow:hidden; border:1px solid #E8E8E8;padding: 10px !important;}	
.adsense .ADSDWPC{display: block; background: #fff; width: 100%; height: 263px; margin: 0 auto 15px; overflow: hidden; border: 1px solid #E8E8E8;}	
.adsense .ADSContentTablet{display:none; background:#fff; width: 100%; height:60px; margin:0 auto 15px; overflow:hidden; border:1px solid #E8E8E8;}	
.adsense .ADSContentMobile{display:none; background:#fff; width: 100%; height:250px; margin:0 auto 15px; overflow:hidden; border:1px solid #E8E8E8;}	
.TOPTablet{display:none; background:#fff; width:728px; height:110px; margin:0 auto 15px; overflow:hidden; border:1px solid #E8E8E8;overflow: hidden;}

.dw_mob{display:none;text-align: center;background:#fff; width:100%; height:120px; margin:0 auto 15px; overflow:hidden; }	


.BookAdsSide{display:block; background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;margin-bottom: 10px;overflow: hidden;}
.BookAdsSide img{width:100% !important;max-height: 250px !important;}
.BookAdsUnderImg{display:none; background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;}

.AuthorAdsSide {display:block; background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;}
.AuthorAdsTablet {display:none; background: #fff; border:1px solid #E8E8E8; width:728px; height:90px; margin:0 auto 15px; overflow:hidden;}
.AuthorAdsMobile {display:none; background: #fff; border:1px solid #E8E8E8; width:300px; height:250px; margin:0 auto 15px; overflow:hidden;}

.DownloadAdsSide{display:block;background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;}
.DownloadAdsSide img{width:100% !important;max-height: 250px !important;}
.ReadAdsense{margin:15px 0; text-align:center;}
.ReadRight {height:516px; margin-top:15px; display:block;background: #fff;border: 1px solid #E8E8E8;}
.ReadRight img {height:100% !important; width:100%;}
.ReadMobile{display:none; margin:auto; background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;}
.ReadAdsSide{display:block; margin:auto; background: #fff;width: 300px;height: 250px; border:1px solid #E8E8E8;}
.ReadAdsSideBottomTablet{display:none; background:#fff; width:728px; height:90px; margin:0 auto; overflow:hidden; border:1px solid #E8E8E8;}
/*#############################</ADSENSE>################################*/

.emailList {
  background: #3D3D3D;
  height: 220px;
  padding: 20px;
}
.emailList p {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.name, .email {
  float: right;
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px inset;
  border-radius: 3px;
  text-align:right;
  padding: 0 15px;
  margin-bottom: 10px;
}
.subscribe {
  float: left;
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  background-color: #285269;
  font-family: GESSTwoMediumRegular;
  font-weight: normal;
}

/*#############################<BODY>################################*/
#main-wrapper {overflow:hidden; margin-bottom:0px;}
.author-post {background-color: #fafafa;   border: 2px solid #e9e9e9;   padding: 7px 35px;}

.post-reader {float:right!important; background:#fff; padding:2%; border:1px solid #E8E8E8; overflow:hidden; text-align:right;}
.post-reader h3 {font-size:20px; color:#000; margin-bottom:15px;}

.post-image{height:250px; float:right!important; padding-right:0px;}
.post-image img{height:100%;border: 1px solid #e1e1e1;border-radius: 7px;padding: 3px;}

.drd{background-color: #fff; display: block; width: 100%; height: 59px; clear: both; padding: 18px}
.download,.ratings,.help, .read,.discuss,.issue{text-align: center;cursor: pointer;margin-left: 5px;border-radius: 5px;color: #fff;padding: 5px;font-size: 15px;display: -webkit-inline-box;width: 25%;}
.download{background:#386c89; }
.read{background:#386c89; }
.discuss{background:#f1c40f;  }
.ratings{background:#285269;  }
.help{background:#285269;  }
.issue{background:#285269; width:50% }
.download a, .read a,.help a, .discuss a, .issue a ,.ratings a,.btMore a{font-size: 18px;
padding: 5px;margin: 0;display: block;width: 100%;color: #fff;text-decoration: none;text-align: center;}

.recent{list-style-type:none; /*overflow:hidden;*/  padding:0;}
.recent li {float:right;height:300px;position:relative; margin:0 0 1% 1%;width: 15.8333333333%;background: #fff;border-radius: 5px;}
.recent li:nth-child(6n){margin:0 0 1%;}
.recent div{position:initial;width: 100%;right:0%;bottom:0;}
.recent li h3{overflow: hidden;color:#000000;font-size: 16px;line-height:18px;margin: 5px 0px; text-align:center; display:block;height: 45px;direction: rtl;}
.recent li h4,.recent li h5{color:#386c89;font-size: 16px;line-height:18px;margin: 5px 0px; text-align:center; display:block;}
.recent li img {width: 160px; height: 200px; margin: 10px; border: 1px solid #e1e1e1; border-radius: 7px; padding: 2px;}

.post-date , .post-views{float:right; color:#BBB; text-decoration:none; font-size:14px; line-height:1.4; font-weight:400; margin-left:15px;}
.post-date i, .post-views i{margin:2px 3px 0 0;float:left; font-size:12px;}

.relatedPosts{list-style-type:none; overflow:hidden; margin:0 ; padding:0;}
.relatedPosts li {float: right;height: 300px;position: relative;margin: 0 0 1% 1%;width: 19%;background: #f2f2f2;border-radius: 4px;}
.relatedPosts li:nth-child(5n) {margin:0 0 1%;}
.relatedPosts div{position:initial;width: 100%;right:0%;bottom:0;}
.relatedPosts li h3{color:#000000;font-size: 16px;line-height:18px;margin: 5px 0px; text-align:center; display:block;height: 45px;overflow: hidden;}
.relatedPosts li h5{color:#386c89;font-size: 16px;line-height:18px;margin: 5px 0px; text-align:center; display:block;height: 20px;overflow: hidden;}
.relatedPosts li img {width: 135px;height: 187px; margin: 10px; border: 1px solid #e1e1e1; border-radius: 7px; padding: 2px;}
/*#############################</BODY>################################*/
.booktitle{background: #386c89; padding: 2%!important; border: 1px solid #e8e8e8; text-align: center; margin-bottom: 10px; margin-top: 5px;clear: both;}
.booktitle h1{font-size: 20px; direction: rtl;color: #fff;}

.booktitleIndex{background: #386c89; padding: 2%!important;  text-align: center; margin-bottom: 10px;}
.booktitleIndex h1,.booktitleIndex h2{font-size: 25px; direction: rtl; color: #fff; padding: 10px;}
.searchBox {
    width: 50%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.searchBox form {
    display: flex!important;
    direction: rtl;
}
.searchBox .input-group {
    border-collapse: separate;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.searchBox input {
    width: 100%!important;
    color: #606f7b!important;
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    float: right;
    padding-left: 2rem!important;
    border-width: 1px!important;
    border-bottom-right-radius: 9999px!important;
    border-top-right-radius: 9999px!important;
    padding-right: 2rem!important;
    flex: 1 1 0%!important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)!important;
}
.searchBox .input-group-prepend {
    margin-right: -1px;
    display: flex;
    float: left;
}
.searchBox button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 2;
    border-bottom-left-radius: 9999px!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    border-top-left-radius: 9999px!important;
}
.errorPage {margin: 30px auto 0 auto !important;width: 75%;text-align: center;background: #386c89;border-radius: 20px;padding: 30px;}

.errorPage span{font-size: 30px;text-align: center;width: 100%;display: block;line-height: 40px;color: white;}
.fa.fa-search, .fa.fa-times{
    color: #fff;
    font-size: 35px;
    text-align: center;
    background: #285269;
    border: 0;
    width: 53px;
    height: 77px;
	float:left;
    padding: 18px 0;
    cursor:pointer;
}
.weekk { width:100%;   margin-bottom:15px; overflow:hidden;}
.weekk span {float:right;  color:#000;font-size: 18px; line-height: 19px; padding: 10px;}

.weekAsid {background: #386c89;width: 100%;overflow: hidden;margin-bottom: 5px;}
.weekAsid span {float:right;  color:#fff;font-size: 18px; line-height: 19px; padding: 15px;}
.weekAsid span a{color:#ffffff; }
.fa.weekAsidsearch{
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    border: 0;
	float:left;
	 padding: 15px;
    cursor:pointer;
}
.adsense-author {float:left!important;}
.main {float:right!important; padding:0; width:825px;}
aside{overflow:hidden; padding-left:0!important; width:300px; text-align:center;position: sticky;top: 0;}

.post-title {float:right!important; background: #fff; padding: 2%;border: 1px solid #E8E8E8;overflow:hidden; text-align:right; min-height:250px; margin-bottom:15px;}
.post-title h1 , .post-title h2 ,.post-title h3 {font-size: 21px;margin-bottom:10px;}
.head-info {
  color: #000;
  padding: 0;
  font-size: 18px;
  min-width: 170px;
  line-height: 1.4;
}
.body-info {
  color: #000;
  padding: 0;
  font-size: 18px;
  line-height: 1.4;
}
.video-desc{clear:both;float:right!important; padding-right:0; color:#333;font-size:15px; margin:0;margin:10px 0 40px;}
.video-desc p {direction: rtl;height:95px; overflow:hidden;margin-top: 12px;font-size: 20px;}
.Title-desc {font-size: 20px; border-bottom: 2px solid #386c89;}
#seeMore {color:#b33030; cursor:pointer;}
.author, .category, .date, .views {font-size:12px;color: #285269; text-align:right;}

.share {display:none; float: left;overflow: hidden; position:fixed; bottom:0;right: 20%;  z-index: 999;}
.share h3 {border:1px solid #C4CDD4; background:#DEE6EC; color:#A1B5C3; font-size:13px; padding:10px 0; text-align:center; float:right; width:60px; cursor:pointer;  border-bottom:0px;   border-top-right-radius:4px; border-top-left-radius:4px;clear: both;}
.share ul {display:none; float:right; background:#fff; border-top-left-radius:4px; border:1px solid #C4CDD4; margin:0; padding:0 0 0 15px; clear:both;}
.share a {width:38px;float:right; text-align:center; color:#fff; text-decoration:none; font-size:12px;cursor: pointer;height: 35px;border-radius: 4px;margin: 10px 10px 10px 0;}
.share a i{font-size:18px; margin-top:9px;}

.sharee {display:block; float: left;overflow: hidden;height:272px; position:fixed; bottom:20%;right: 15px; width: 60px; z-index: 999;}
.sharee h3 {border:1px solid #C4CDD4; background:#DEE6EC; color:#A1B5C3; font-size:13px; padding:10px 0; text-align:center; float:right; width:60px; cursor:pointer; border-bottom:0; border-top-right-radius:4px; border-top-left-radius:4px;}
.sharee ul {float:right; background:#fff; padding:0px 10px 10px; width:60px; border:1px solid #C4CDD4; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.sharee a {width:38px;float:right; text-align:center; color:#fff; text-decoration:none; font-size:12px;cursor: pointer;height: 35px;border-radius: 4px;margin: 10px 0 0;}
.sharee a i{font-size:18px; margin-top:9px;}



.share-facebook {background: #3b5998;}
.share-facebook:hover {background:#fff; color: #3b5998;}
.share-twitter{background: #55acee;}
.share-twitter:hover {background:#fff; color: #55acee;}
.share-gplus {background:#285269;}
.share-gplus:hover {background:#fff; color: #285269;}
.share-whatsapp{background:#4dc247;}
.share-whatsapp:hover {background:#fff; color:#4dc247;}
.share-instagram{background: #c536a4;}
.share-instagram:hover {background:#fff; color: #c536a4;}
.share-messenger{background:#0084ff;}
.share-messenger:hover {background:#fff; color:#0084ff;}


.about-author{font-size: 18px;}
.about-author h3{border-bottom: 2px solid #003b71;font-size: 20px; color: #003b71; text-align: right; margin: 10px; padding: 10px; border-bottom: 2px solid #f1f1f1;}
.about-author p{text-align: right; padding: 5px;direction: rtl;}
.about-author img{height: 100px; width: 100px; border-radius: 60px; border: 1px solid #003b71; padding: 1px; background: #f1f1f1;}



.fb-page {margin-top:20px; text-align:center; float:none;}
#email {float:none; width:100%; margin-top:10px;}

.done {background:#b1f47f; border:1px solid #86e341; color:#5cc60f; width:99.5%; text-align:center; padding:10px 0px; margin-top:10px;}	
.error {background:#fa8d88; border:1px solid #d83c35; color:#c6160f; width:99.5%; text-align:center; padding:10px 0px; margin-top:10px;}	
.loadmore{background: #285269; padding: 8px 10px 5px; border: 1px solid #D3D3D3; color: #fff; margin: 0 auto;   margin-bottom: 0px; text-align: center; width: 130px; font-weight: 400; cursor: pointer; margin-bottom: 25px; clear: both; font-size: 18px; border-radius: 6px;}	


.related {background: white;border: 2px solid #dfded275; padding: 0 5px 0 5px;}




.comments {background:#fff; color:#777; margin:10px 0; padding:2%; border: 1px solid #E8E8E8;}
.comments li {list-style-type:none; margin-bottom:15px;}
.comments li:last-child{margin:0;}
.no_cm{text-align:center; display:none;}
.comment {border:1px solid #ECECEC; width:100%; height:90px; padding:1%; margin-bottom:1%; outline:0; resize:none;}
.addcomment {background:#e8e8e8; border:none; outline:0; padding:10px; width:100%;} 
.pic_com {float:left; margin-right:10px; width:40px; height:40px;}
.name_com {color:#2793e6; float:left; margin-right:10px; line-height:1;}
.comm_com {width:645px; float:left; text-align:left;}
.time_com {font-size:12px; float:left; line-height:1;}
    



/*#############################<FOOTER>################################*/
footer {background: #285269;width: 100%;margin-top: 10px;width: 100%; position: absolute; }
.footer-content {margin:0 auto; padding:10px 0px; border-bottom:1px solid rgba(0,0,0,0.2);}
.footer-content2 {margin:0 auto; padding:10px 0px;}
.logo-footer {float: left;width:100px; height:40px;}
.logo-footer img{width:100%;height:100%}
.bookright{text-align: center;    margin: auto;color: #fff;margin-top: 10px;font-size: 16px;}
.bookright a{color: #d9534f;}
.copyright {float:right; margin-top:10px; color:#fff;}
.design {float: left; margin:7px 0px;}
.design a {text-decoration:none; color:#fff; font-weight:900;} 
#menu-f {height:30px; float:right; margin:0;}
#menu-f li {line-height:30px; float:right; display:inline-block; padding:0; border-left:1px solid rgba(0,0,0,0.2); padding-left:10px; margin-left:10px;}
#menu-f li:last-child {border:none;}
#menu-f li a {color:#fff; text-decoration:none; font-size:14px;}

#menu-l { float:left; margin:0; padding:0;}
#menu-l li {line-height:30px;  display:inline-block; padding:0;  padding-right:10px; margin-right:10px;}
#menu-l li:last-child {border:none;}
#menu-l li a {color:#fff; text-decoration:none; font-size:14px;}
/*#############################</FOOTER>################################*/
.loader {
  border: 16px solid #3d3d3d;
    border-radius: 50%;
    border-top: 16px solid #285269;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
left: 45%;
    top: 45%;
    position: fixed;
display:none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.input {
font-family: GESSTwoMediumRegular;
font-size: 14px;
border: 1px solid #D7D7D7;
width: 100%;
text-align: right;
padding: 5px 10px;
outline: none;
}
.textarea {
    font-family: GESSTwoMediumRegular;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    width: 100%;
    text-align: right;
    padding: 5px 10px;
    outline: none;
    resize: none;
}
.submitTable {
    width: 100%;
    padding: 5px;
    border: 0;
    background: #3D3D3D;
    color: #eee;
    font-size: 16px;
}

.categoriesH3{float:right;   margin-bottom:1%; width: 100%;margin: 15px;}
.categoriesH3 span {float:right;  color:#000; font-size:18px; line-height:19px; padding: 0 0 0 10px;}

.categories{list-style-type:none; /*overflow:hidden;*/ padding:0;}
.categories li {float:right; background: #FFF;margin: 0 0 1% 1%;width: 15.8333333333%;height: 75px;}
.categories li:nth-child(6n){margin:0 0 1%;}
.categories li h3{color: #000;font-size: 16px;line-height: 16px;padding-top: 25px;text-align: center;display: block;height: inherit;}
.categories li a h3:hover {background:#285269;color:#fff}
.categories li a{text-decoration: none;display: block;width: 100%;height: 100%;}



@font-face {
  font-family: 'Segan-Light';
  src: url('../fonts/Segan-Light.ttf');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'segoeui';
  src: url('../fonts/segoeui.ttf');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'sui-generis-rg';
  src: url('../fonts/sui-generis-rg.ttf');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'gs';
  src: url('../fonts/gs.ttf');
  font-weight: normal;
  font-style: normal;
}


/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"GESSTwoMedium";
src:url("../fonts/NotoNaskhArabic-Regular.ttf?") format("eot"),
url("../fonts/NotoNaskhArabic-Regular.ttf") format("woff"),
url("../fonts/NotoNaskhArabic-Regular.ttf") format("truetype"),
url("../fonts/NotoNaskhArabic-Regular.ttf") format("svg");
font-weight:normal;
font-style:normal;
}
@media only screen and (min-width: 992px){
	.menu li{display:block;}
	.menuIcon{display:none;}
.relatedPosts li {  height: 265px;}
.relatedPosts li img {
  width: 100%;
  height: 187px;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-radius: 7px;
  padding: 2px;
}


    
}
@media screen and (max-width:1200px) and (min-width:992px){
	.menu li a{font-size:10px;  padding: 20px;}
	.author-post {padding:0;float: right; width: 75%;}
    .recent li{height:265px;}
	.recent li img {  width: 100%;  height: 187px;margin: 0;}
	.relatedPosts li img {  width: 100%; height: 187px; margin: 0; }
    .main{width:705px;}
    .main {float:right!important; padding:0; width:625px;}
    .adsense .ADSContentPC{ display: none;}
	.adsense .ADSDWPC { display: none;}
	.adsense .ADSDWPC { display: none;}
	.adsense .ADSContentTablet { display: block;}
	.adsense .ADSContentMobile {  display: none;}
	
}
@media only screen and (max-width: 991px){

	header {height:70px;}
    #subsearchm{display:block; float:left; height:70px;}
    #subsearch{display:none;}
    .inpsearch{top:69px;}
	.hOne{display:none;}
	.subsearch {display: none;}
	.post-image ,.related,.adsense{padding:0;}
	.post-image,.post-image img{height:auto;}
	.recent li{padding:0; margin:0 0 2% 2%; width:32%; height:300px;}
	.recent li:nth-child(3n){margin:0 0 2%;}
	.recent li:nth-child(6n){margin:0 0 2%;}
	.author-post {  padding: 0 15px;  width: 100%;}
	.post-details{width: 70%;}
	.post-image{width: 30%;}
	#logo {float:right; width:140px; height:70px; display:block;}	
	#ShowUser{display: inline-block !important;}
	.main {float:right!important; padding:0; width:100%;}
	aside{overflow:hidden; padding-left:0!important; width:100%;}

	.post-image, .post-image img { padding-left: 2%;}
	
	.relatedPosts li {float: right;height: 250px;position: relative;margin: 0 0 2% 2%;width:23.3%;}
	.relatedPosts li:nth-child(4n) {margin:  0;}
	.relatedPosts li:nth-child(5n) { margin: 0 0 2% 2%;}
	.relatedPosts li:nth-child(8n) {margin: 0;}
	.relatedPosts li:nth-child(12n) {margin: 0;}
	.relatedPosts li:nth-child(16n) {margin:0;}
	.relatedPosts li:nth-child(20n) {margin:0;}
	.relatedPosts li:nth-child(24n) {margin:0;}
	.relatedPosts li img {
  width: 100px;
  height: 135px;
  margin: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 7px;
  padding: 2px;
}
	.adsenseHome #ADS728 { display: block;}
	.adsenseHome #ADS300 { display: none;}
	
	.adsense .ADSContentPC{display: none;}
	
	.adsense .ADSDWPC { display: block;}
	
	.adsense .ADSContentTablet { display: none;}
	
	.adsense .ADSContentMobile {display: none;}
	
	.TOPTablet{display:block;}
	
	
	.BookAdsSide{display:none;}
	
	.DownloadAdsSide{display:none;}
	.ReadAdsSide{display:none;}
	.ReadAdsSideBottomTablet{display:block; margin-top:15px;}
	
	.AuthorAdsSide {display:none;}
	.AuthorAdsTablet {display:block;}
	.AuthorAdsMobile {display:none;}
	
	#email {float:left; width:390px; margin-top:20px;}
	.fb-page {float:right;}
	
	.sharee{display:block}
	.share{display:none;}
	
	.categories li {width: 19.2%;}
	.categories li:nth-child(5n) { margin: 0 0 1%;}
	.categories li:nth-child(6n) { margin: 0 0 1% 1%;}


}
@media only screen and (max-width:768px){

	html {padding-bottom:0;}
footer{position: initial;}
#menu-l li{float: right;}
.menuIcon{float: left;padding: 17.5px 10px 0 0;font-size: 38px;}
.container{padding-left: 5px;}
.post-details{width :100% !important;padding-right: 5px;padding-left: 5px;}
.author-post table{float: none;}
	#logo {float:right; width:140px; height:70px; display:block;}
	.post-title {padding: 4%;height:auto;width:100%}
	.video-desc{margin:10px 0 20px;}
	.author-post{padding: 0 0 40px;}
	aside{padding:0!important;}
	.main {padding:0;}
        .recent li{height:350px; padding:0; margin:0 0 2% 2%; width:49% !important;}
        .recent li:nth-child(2n) {margin: 0 0 2%!important;}
        .recent li:nth-child(3n) {margin: 0 0 2% 2%;}
	
	
	
	.post-image, .post-image img {padding-left:0; margin-bottom: 5px;width:100%}
	
	.adsenseHome #ADS728 {
	    display: none;
	}
	.adsenseHome #ADS300 {
	    display: block;
	}
	
	.adsense .ADSContentPC{
	    display: none;
	}
	
	.adsense .ADSDWPC {
	    display: none;
	}
	
	.adsense .ADSContentTablet {
	    display: none;
	}
	
	.adsense .ADSContentMobile {
	    display: block;
	}
	.dw_mob{
	    display: block;
	}
	
	.TOPTablet{
		display:none;
	}
	
	.ReadMobile{display:block;}
	.ReadRight{display:none;}	
	
	.BookAdsUnderImg{display:block;    overflow: hidden; margin:15px auto; text-align:center;}
	.ReadAdsSide{display:block; margin-top:15px;}
	.ReadAdsSideBottomTablet{display:none;}
	
	.AuthorAdsSide {display:none;}
	.AuthorAdsTablet {display:none;}
	.AuthorAdsMobile {display:block;}

	.logo-footer {float:none; margin:auto;}
	.copyright {float:none; margin:10px auto; text-align:center;}
	#menu-f {float:none; margin:auto; text-align:center; width:260px; padding:0;}
	#menu-f li:last-child {padding:0; margin:0;}
	#menu-l {float:none; margin:auto; text-align:center; width: 100%; padding:0;}
	#menu-l li{}
	#menu-l li:last-child {padding:0; margin:0;}

	.design {float:none; text-align:center;}
	
	#email {float:none; width:100%; margin-top:0px;}
	.fb-page {float:none;}
	
	.share{display:block}
	.sharee{display:none;}
	.drd {
        height: auto !important;
    }
    .download, .ratings, .help, .read, .discuss, .issue {
        margin: 2px !important;
        width: 40% !important;
        text-align: -webkit-center !important;
        direction: ltr;
    }
    .add-review{
            display: grid !important;
    }
    .adsapp{
        display : none;
    }
    .topfixednav{
        width: 100%;
        z-index: 999!important;
        position: fixed;
        background: #3d3d3d;
        top: 0;
        display : none;
    }
	.categories li {width: 32.33%;}
	.categories li:nth-child(3n) { margin: 0 0 1%;}
	.categories li:nth-child(4n) { margin: 0 0 1% 1%;}
	.categories li:nth-child(5n) { margin: 0 0 1% 1%;}
	.categories li:nth-child(6n) { margin: 0 0 1% 1%;}
	.categories li h3 {padding: 8px;}
}
@media screen and (max-width:480px){
	
	.recent li {height:300px; }
	.recent li h3 { font-size:14px; line-height:14px; margin:5px 0px; display:block;}
    .recent li img {width: 90%;}
	.video-desc {float:right!important; padding:0;}

	
	.share{display:block}
	.sharee{display:none;}
	#ShowUser{display:none !important;}
	

	.relatedPosts li {float: right;position: relative;margin: 0 0 2% 2%;width:48%;}

	.relatedPosts li:nth-child(4n) , .relatedPosts li:nth-child(5n) ,.relatedPosts li:nth-child(8n), 	.relatedPosts li:nth-child(12n) ,	.relatedPosts li:nth-child(16n) ,	.relatedPosts li:nth-child(20n) ,.relatedPosts li:nth-child(24n)  {margin: 0 0 2% 2%;}
	
	
}

.raa {
    background: #222D32;
    color: #fff;
    text-align: center;
    padding: 2% 0;
    font-family: GESSTwoMediumRegular;
    width: 24%;
    float: right;
    margin: 0 0 1% 1%;
}

#Links{float:none; width:100%; margin-bottom:15px;}

#links-back{background: #ffffff;}
#links-back li{list-style: none;}
.Ps3{list-style: none; width: 100%;text-align: right;}.Ps3>a{font-size: 16px;padding: 7px;color: #000;display: block;border-radius: 2px;padding-right: 19px;}.Ps3>a:hover{background:#386c89b8;color:#fff}
#links-back .download{width: 95%;margin: auto;background: #0B99BC;}



.alert {
    padding: 10px;
    background-color: #f44336;
    color: white;
    direction: rtl;
    text-align: center;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}


.rat {
    color : #000;
}
.rat:hover {
    color : #ffb300;
}

.rat:hover:before,
.rat:hover ~ .rat:before {
   color : #ffb300;
}

.closerat{
    position: absolute;
    background: none !important;
    color: #f44336 !important;
    left: 0;
    top: 0;
    font-size: x-large;
    height: 50px;
    width: 50px;
}

.submit-rating-btn{   
    background-color: #132834 !important;
    border-color: #132834 !important;
    
}
#review_content{
    margin-bottom : 5px;
}


.boxrat{
    padding-bottom: 15px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    float: right;
}

.boxrat .row:not(:last-child) {
    margin-bottom: 10px;
}

.boxrat .row .f-col {
    padding-left: 0;
    padding-right: 0;
    float: right;
}

.boxrat .row .s-col {
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

.progress{
    margin-bottom: 0; 
}
.progress-bar{
        background-color: #f44336;
            float: right;
}

.m-t-30 {
    margin-top: 30px!important;
}

.media-left {
    position: relative;
}

.media-left, .media>.pull-left {
    padding-left: 20px;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-heading {
    font-size: 16px;
    color: #1fbd9d;
}

.book-first-details .book_rating, .media .book_rating {
    color: #ffb400;
    font-size: 18px;
}

.user-rating-view-box .book_rating {
    font-size: 14px!important;
}

.f-s-17 {
    font-size: 17px!important;
    line-height: 24px!important;
}

.media-left:after {
    border-right: 1px solid #dcdcdc;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    right: 31px;
}

.media-object {
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    padding: 1px;
}

.view-more-reviews {
    padding: 20px;
    border-top: 1px solid #dedede;
    cursor: pointer;
}

.alartBook{
    width: 90%;
    margin: auto;
    margin-top: 8px;
    background: #f2dede;
    border: 1px solid #ebccd1;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 5px;
    clear: both;
    color: #ffffff;
    direction: rtl;
	font-size: 18px;
}

.alartBook p{
color: #a94442;
}

.alartBook i{
color: #a94442;
}
.inpcss{
    box-shadow: none!important;
    border: 2px solid #dcdcdc;
    height: 46px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}

.user_ratings{direction: rtl;    display: -webkit-box;background: #fff; border-radius: 2px; margin-bottom: 30px; border: 2px solid #dcdcdc;}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.btMore{float: none;display: -webkit-inline-box;background: #285269;width: 100%;margin: auto;border-radius: 5px;color: #fff;padding: 5px;font-size: 15px;text-align: center;cursor: pointer;margin-top: 15px;}