﻿@media screen and (max-width: 640px) {

 .hide { display: none; }
 .mobile { display: inline; }
 .mobile2 { visibility: visible; display: inline; }


 .MainSite { width: 100%; margin: 0 auto; }

 .side-bar { display: none }
 .main-board { width: 100%; margin: 0 auto; padding: 0 0 0 0; position: relative; }

 /*.FutureNewsDv { width: 100%; height: auto; padding: 3%; margin-top: 20px; background-color: #e8e8e8; }
 .FutureNewsDvitm { width: 100%; height: auto; padding: 3%; background-color: #cacaca; margin-right: 0; }
 .FutureNewsDvitm1 { width: 100%; height: auto; }
 .FutureNewsDvitm1 img { width: 100%; height: auto; }
 .FutureNewsDvitm2 { width: 100%; height: 94px;  font-size: 14px; line-height: 22px; }*/


 .FutureNewsDv { width: 100%; height: 155px; padding: 0 2%; margin-top: 20px; background-color: transparent !important }
 .FutureNewsDvitm { width: 100%; height: 95px; padding: 0; float: none; margin-right: 0; margin-bottom: 20px; }
 .FutureNewsDvcc { width: 96%; height: auto; padding: 20px 0 20px 0; margin-top: 20px; background-color:transparent!important;  margin-bottom: 20px; }

 .FutureNewsDvitm1 { width: 30%; height: 94px; float: right; }
 .FutureNewsDvitm1 img { width: 145px; height: 94px; }
 .FutureNewsDvitm2 { width: 68%; height: 94px; float: left; padding: 10px 0 0 10px; font-size: 14px; line-height: 22px; }

 .Newsbx { width: 100%; height: auto; margin-bottom: 0; border-bottom: 1px #ccc solid; padding-bottom: 20px; margin-bottom: 20px; }

 .menjsgyay { display: inline }
 .TopNV { width: 100%; height: 100px; background-color: #373737; }

 .rekposition { width: 100%; height: auto; margin-bottom: 20px; margin-top: 20px; }
 .rekposition img { width: 100%; height: auto; }


 .MainWebsite, MainTop { width: 100%; margin-top: 20px; }
 .MainR { width: 100%; float: none; }
 .MainL { width: 100%; float: none; }

 .NewsbxR { width: 100%; height: auto; float: none; }
 .NewsbxL { width: 100%; height: auto; float: none; }

 .item-big img { width: 100%; height: auto; margin-bottom: 20px; }
 .NewsbxLnws { width: 100%; height: auto; margin-bottom: 20px; }
 .NewsbxLnws:last-child { width: 100%; height: auto; margin-bottom: 0; }
 .NewsbxLnwsR { width: 30%; height: auto; max-height: 72px; float: right; margin-bottom: 15px; }
 .NewsbxLnwsL { width: 68%; height: auto; max-height: 72px; padding-bottom: 2%; float: left; }
 .NewsbxLnwsL1 { width: 100%; height: auto; font-size: 14px; line-height: 20px; }
 .NewsbxLnwsL2 { width: 100%; height: auto; font-size: 11px; }

 .Newsbx2 { width: 100%; height: auto; margin-bottom: 20px; }
 .Newsbx2R { width: 100%; float: none; }
 .Newsbx2L { width: 100%; float: none; }

 .NewsbxLnwsx { width: 100%; height: auto; margin-bottom: 20px; }
 .NewsbxLnwsx:last-child { width: 100%; height: auto; margin-bottom: 0; }
 .NewsbxLnwsRx { width: 40%; height: auto; max-height: 116px; float: right; margin-bottom: 15px; }
 .NewsbxLnwsLx { width: 58%; height: auto; max-height: 116px; padding-right: 2%; float: left; }
 .NewsbxLnwsLx1 { width: 100%; height: 68px; font-size: 14px; line-height: 20px; }
 .NewsbxLnwsLx2 { width: 100%; height: 28px; font-size: 11px; }

 .NewsbxLnwsx2 { width: 331px; height: 94px; background-color: #fff; padding: 10px 10px 10px 8px; float: right; margin-left: 20px; margin-bottom: 0; margin-top: 20px; }

 .Newsbx2Lbxx { width: 96%; height: 68px; padding: 0 2%; border-bottom: 1px #ccc solid; padding-bottom: 8px; margin-bottom: 8px; }
 .Newsbx2Lbxx:last-child { width: 100%; height: 83px; border-bottom: 0 #ccc solid; padding-bottom: 10px; margin-bottom: 10px; }
 .Newsbx2LbxxT { width: 100%; height: 30px; font-size: 14px; line-height: 20px; }
 .Newsbx2LbxxB { width: 100%; height: 34px; text-align: left; font-size: 11px; }



 .Multimediabx { width: 100%; height: auto; padding: 16px 20px 19px 20px; background-color: #fac51d; margin-bottom: 20px; }
 .Multimediabx1 { width: 100%; height: 46px; border-bottom: 1px #c49604 solid; }
 .Multimediabx1x { width: 100%; height: 46px; border-bottom: 1px #289537 solid; }
 .Multimediabx2 { width: 100%; height: auto; border-top: 1px #ffea00 solid; position: relative; }
 .Multimediabx2x { width: 100%; height: auto; border-top: 1px #4eea63 solid; position: relative; }
 .Multimediabx2itm { width: 100% !important; height: auto; float: none; margin-left: 0; margin-top: 20px; background-color: #fff; padding: 10px 10px 0 10px; }
 .Multimediabx2itm:last-child { width: 100% !important; height: auto; float: none; margin-left: 0 !important; margin-top: 20px; background-color: #fff; padding: 10px 10px 0 10px; }

 .Multimediabx2itm1 { width: 100%; height: auto; }
 .Multimediabx2itm2 { width: 100%; height: 68px; font-size: 14px; line-height: 20px; padding-top: 5px; }
 .Multimediabx2itm3 { width: 100%; height: 30px; font-size: 11px; }



 .Multimediabx2itm1 { width: 100%; height: auto; overflow: hidden; }
 .Multimediabx2itm1 img { width: 100%; height: auto; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
 .Multimediabx2itm1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

 .xewnkeshdv { width: 100%; height: auto; }
 .xewnkeshdvR { width: 100%; height: auto; float: none; margin-bottom: 15px; }
 .xewnkeshdvL { width: 100%; height: auto; float: none; background: url(../images/weather.jpg) no-repeat; }
 .xewnkeshdvL1 { width: 100%; height: 235px; background-color: #8D8D8D; margin-bottom: 20px; }
 .xewnkeshdvL1R { width: 55px; height: 25px; padding: 20px; background-color: transparent; }
 .xewnkeshdvL1L { width: 60%; height: 182px; padding: 27px 0 25px 15px; }

 .hlbzhardadv { width: 100%; height: auto; padding: 0; margin-bottom: 20px; background-color: #a80000; }
 .hlbzhardadv1 { width: 100%; height: auto; }
 .hlbzhardadv1 img { width: 100%; height: auto }
 .hlbzhardadv2 { width: 100%; height: 39px; line-height: 21px; padding: 5px; background-color: #000; opacity: 0.7; position: relative; margin-top: -49px; }
 .MainLreklam1 { width: 100%; height: auto; margin-bottom: 20px; }

 .rekposition2 { width: 100%; height: auto; margin-bottom: 20px; margin-top: 20px; }
 .rekposition2 img { width: 100%; height: auto; }

 .MainLreklam2 { width: 100%; height: auto; margin-bottom: 20px; }

 .hunermandadv { width: 100%; height: 311px; margin-bottom: 20px; background-color: #05a685; }
 .hunermandadv1 { width: 100%; height: 37px; padding: 5px 20px 0 20px; border-bottom: 1px #008066 solid; }
 .hunermandadv1 a { color: #fff; }
 .hunermandadv2 { width: 100%; height: 228px; padding: 20px; border-top: 1px #05a685 solid; }
 .hunermandadv2-dd { width: 100%; position: relative }
 .hunermandadv2itm { width: 46%; height: 228px; float: right; margin-left: 20px; background-color: #9bdbce; }
 .hunermandadv2itm:last-child { width: 46%; height: 228px; margin-left: 0 !important; float: right; background-color: #9bdbce; }
 .hunermandadv2itm1 { width: 100%; height: 176px; overflow: hidden; }
 .hunermandadv2itm1 img { width: 100%; height: 176px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
 .hunermandadv2itm1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

 .hunermandadv2itm2 { width: 100%; height: 42px; font-size: 12px; line-height: 20px; padding-top: 10px; text-align: center; }


 .MainLreklam3 { width: 100%; height: auto; margin-bottom: 30px; }
 .MainLreklam3 iframe { width: 100% !important;  }

 .officialpagedv { width: 100%; height: auto; margin-bottom: 20px; }
 .officialpagedv img { width: 100%; height: auto; }

 .biruradv { width: 96%; height: auto; padding: 0 20px 20px 20px; margin:0 auto; border: 1px #ccc solid; margin-bottom: 20px; }
 .biruradv1 { width: 100%; height: 38px; padding-top: 10px; border-bottom: 1px #ccc solid; }
 .biruradv2 { width: 100%; }
 .biruradv2itm { width: 100%; height: 100px; background-color: #ededed; margin-top: 20px; padding: 10px 10px 10px 0; }
 .biruradv2itm2 { width: 100%; height: auto; background-color: #ededed; margin-top: 20px; padding: 10px 10px 10px 0; margin-left: 0; }
 .biruradv2itmR { width: 30%; height: auto; float: right; }
 .biruradv2itmL { width: 70%; padding-right: 2%; height: auto; float: left; }
 .biruradv2itmL1 { width: 100%; height: 22px; font-size: 11px; color: #7c7c7c; }
 .biruradv2itmL2 { width: 100%; height: 50px; font-size: 12px; padding-top: 8px; line-height: 22px; }

 .MasterPageDvcntnt2 article { width: 100%; padding: 0; }


 .Footerdv { width: 100%; height: auto; margin-top: 20px; background-color: #383838; }
 .FooterdvT { width: 100%; height: auto; }
 .FooterdvB { width: 100%; height: auto; }
 .FooterdvT1 { width: 457px; height: 295px; padding: 25px 25px 0 0; float: right; }
 .FooterdvT2 { width: 100%; height: auto; text-align: center; line-height: 12px; padding-top: 0; color: #fff; }
 .FooterdvT3 { width: 100%; height: auto; text-align: center; padding-top:20px; margin-bottom:20px; padding-left: 0; }
 .FooterdvT4 { width: 66px; height: auto; }
 .FooterdvT1 ul li { line-height: 30px; }
 .FooterdvT1 ul li a { color: #fff; }
 .FooterdvT1 ul { float: right; margin-right: 40px; }
 .FooterdvT33 { color: #fff; }
 .FooterdvT33 a { color: #fff; }
 .FooterdvT33 a:hover { color: #d00000; }

 .MasterPageDv { width: 100%; }
 .MasterPageDv2 { width: 100%; }
 .MasterPageDvttl { width: 100%; height: 45px; padding: 10px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); color: #fff; }
 .MasterPageDvttl2 { width: 100%; height: 45px; padding: 10px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); color: #fff; }
 .MasterPageDvcntnt { width: 100%; padding-top: 10px; }


 .ArchiveDiv { width: 100%; height: 45px; padding-top: 8px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); border: 1px #ebebeb solid; padding-right: 10px; margin-bottom: 10px; color: #fff; }
 .SearchResult { width: 100%; height: 45px; padding-right: 10px; margin-bottom: 10px; color: #fff; padding-top: 5px; }
 .ArchiveDiv1 { width: 100%; padding-top: 5px; }
 .ArchiveItemDiv { width: 100%; }
 .ArchiveItemDiv1 { width: 2%; float: right; padding-top: 10px; }
 .ArchiveItemDiv2 { width: 96%; float: right; padding-right: 2%; border-bottom: 1px #ccc dotted; padding-bottom: 5px; padding-top: 3px; }
 .PaginationDiv { width: 100%; margin-top: 10px; }
 .PaginationDiv2 { width: 100%; margin-top: 20px; margin-bottom: 20px; }

 .NewContent { width: 100%; }
 .NewContent11 { width: 100%; position: relative; background-color: transparent !important }

 .ContentItemDivc { width: 100%; height: auto; margin: 0 0 20px 0; float: none; border: 1px #ccc solid; background-color:transparent!important }
 .ContentItemDiv1c { width: 100%; height: auto; }
 .ContentItemDiv1c img { width: 100%; height: auto; padding: 5px }
 .ContentItemDiv2c { width: 100%; height: 57px; }
 .ContentItemDiv3c { width: 100%; height: 26px; }
 .ContentItemDiv4c { width: 2%; float: right; padding-top: 0; padding-right: 2%; }
 .ContentItemDiv5c { width: 90%; height: 57px; padding-right: 2%; float: right; }
 .ContentItemDiv6c { width: 73px; height: 26px; float: right; padding-right: 10px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
 .ContentItemDiv7c { width: 140px; height: 26px; float: left; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
 .ContentItemDiv7c a { color: #c70303; }
 .ContentItemDiv7c a:hover { color: #c70303; }


 .ContentItemDiv { width: 100%; height: 240px; margin: 0 0 20px 30px; float: right; border: 1px #ccc solid; }
 .ContentItemDiv1 { width: 100%; height: 159px; }
 .ContentItemDiv2 { width: 100%; height: 57px; }
 .ContentItemDiv3 { width: 100%; height: 26px; }
 .ContentItemDiv4 { width: 2%; float: right; padding-top: 10px; padding-right: 2%; }
 .ContentItemDiv5 { width: 90%; height: 57px; padding-right: 8px; float: right; }
 .ContentItemDiv6 { width: 73px; height: 26px; float: right; padding-right: 2%; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
 .ContentItemDiv7 { width: 140px; height: 26px; float: left; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
 .ContentItemDiv7 a { color: #c70303; }
 .ContentItemDiv7 a:hover { color: #c70303; }


 .detailclass { width: 100%; }
 .detailclassR { width: 100%; float: none; }
 .detailclassR img { width: 100%; height: auto }
 .detailclassL { width: 100%; float: none; }

 .copyrightdv { width: 100%; height: auto; text-align: center; color: #fff; padding: 10px; background-color: #890f0f; margin-bottom: 20px; }


 .ContentDiv1 { width: 100%; height: auto; margin:0 auto; float: none; border: 4px solid #e6e5e5; margin-left: 0; margin-bottom: 20px; }
 .ContentDiv2 { width: 8px; padding-right: 7px; padding-top: 8px; float: right; }
 .ContentDiv3 { width: 100%; height: auto; float: none; padding-right: 0; }

 .ContentDiv4 { width: 100%; height: auto; float: none; }
 .ContentIMG { width: 100%; height: auto; border: 0; }
 .ContentDiv5 { width: 96%; height: 55px; padding:10px 2% 0 2%; font-size: 14px; font-weight: normal; }
 .ContentDiv6 { width: 100%; height: 27px; color: #f45656; font-family: tahoma; font-size: 9pt; font-weight: normal; }


 .HolyQuranScriptBG { width: 100%; background-color: #393939; direction: rtl; padding-top: 20px; padding-bottom: 20px; }



 ul.tabs { margin: 0; padding: 0; float: right; list-style: none; height: 32px; border-bottom: 1px solid #333; width: 20%; }


 .tab_container { border: 0 solid #333; border-top: none; clear: both; float: right; width: 100%; background: #fff; overflow: auto; }

 @media screen and (max-width: 480px) {
  .tabs { display: none; }
  .tab_drawer_heading { background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .d_active { background-color: #666; color: #fff; }
 }











}
