body {
    background: rgba(0,128,128,.1) !important;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    margin: 0px;
    width: 100%;
}
a {
    text-decoration: none;
    color: rgba(0,0,0,.8);
}
h1 {
    font-size: 32px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}
 #phrase::-webkit-input-placeholder {
color: red !important;
}
#phrase:-moz-placeholder { /* Firefox 18- */
color: red !important;
}
#phrase::-moz-placeholder {  /* Firefox 19+ */
color: red !important;
}
#phrase:-ms-input-placeholder {
color: red !important;
}
.color-blue {
    color: dodgerblue
}
.color-green {
    color: yellowgreen
}
.color-orange {
    color: darkorange
}
.bg-green {
    background-color: rgb(197,224,207);
}
.text-center {
    text-align: center;
}
.width-100 {
    width: 100%;
}
.button-block-blue {
    background-color: dodgerblue;
    width: calc(50% - 3px);
    padding: 10px 10px;
    text-align: center;
    color: aliceblue;
    box-sizing: border-box;
    display: inline-block
}
.button-block-blue-100 {
    background-color: dodgerblue;
    width: 100%;
    padding: 10px 10px;
    margin-top: 3px;
    text-align: center;
    color: aliceblue;
    box-sizing: border-box;
    display: inline-block
}
#wrap {
    width: 100%;
}
@font-face {
    font-family: 'urdu';
    src: url("fonts/Jameel Noori Nastaleeq Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
.ar {
    font-family: 'Amiri', serif;
}
#ds.mobile, #cQs.mobile, .c.mobile, #ds.s600 {
    display: none;
}
div#related {
    display: none;
    float: right;
    color: rgba(255,255,255,0.91);
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
#oHeader {
    width: 100%;
    background: rgba(0,128,128,.1);
    border-bottom: 2px solid rgba(0,0,0,.1);
}
#back_arrow {
    display: none;
    position: absolute;
    font-size: 32px;
    color: rgba(255,255,255,1);
    margin-top: 5px;
}
#iHeader {
    margin: 0 auto;
    padding-bottom: 10px;
}
#header h1 {
    margin: 10px 0 0;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -2px;
}
#header strong {
    text-align: center;
}
#header {
    font-size: 14px;
}
#header, #menu {
    display: inline-block;
    vertical-align: top;
}
#menu {
    float: right;
}
#menu li {
    display: inline-block;
    vertical-align: top;
    background: rgba(39,90,90,.2);
    padding: 15px 20px;
    font-weight: bold;
    color: rgba(0,0,0,.7);
}
#menu a {
    text-decoration: none;
}
#mHM {
    position: absolute;
    right: 0%;
    left: 0%;
    display: none;
    margin-top: 6px;
    z-index: 10;
}
#mHM div {
    font-size: 16px;
    display: block;
    width: 100% !important;
    background: #9CB8B8;
    padding: 15px 20px;
    box-sizing: border-box;
    font-weight: bold;
    color: rgba(0,0,0,.7);
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.mM:hover #mHM {
    display: block !important;
}
#menu li.i {
    font-size: 32px;
    padding: 10px 15px 10px !important;
}
#ask {
    width: 270px;
    text-align: center;
    background: rgba(255,0,4,1.00);
rgba(217,50,50,1.00);
rgba(39,90,90,.3);
    margin: 5px 0;
}
#ask a {
    text-decoration: none;
}
#ask span {
    line-height: 200%;
    font-weight: bold;
    color: rgba(255,255,255,1);
}
#ask:hover {
    cursor: pointer;
}
#ask .form {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    display: none;
    position: absolute;
    background: white;
    padding: 5px;
    width: 270px;
    box-sizing: border-box
}
#ask #qFehrist {
    z-index: 8;
}
#ask #form {
    z-index: 9;
}
#ask form {
    margin-bottom: 0px;
}
#ask .form input[type="submit"] {
    width: 260px;
    box-sizing: border-box;
    margin: 5px 0 0;
    color: rgba(255,255,255,1);
    background: rgba(255,0,4,1.00);
    font-size: 18px;
    font-weight: bold;
    border: 1px solid rgba(0,0,0,.1);
}
#ask:hover .form {
    display: none;
}
#qFehrist {
    display: none;
    margin: 0 0 0 270px;
    background-color: aliceblue;
    color: rgba(0,0,0,0.81);
    text-align: LEFT;
    list-style: none;
    width: 700px !important;
    height: 255px;
    padding: 10px;
    cursor: default;
}
#qFehrist h3 {
    margin: 0px;
}
#qFehrist li {
    padding: 5px 20px 5px 10px;
    margin: 5px;
    background: rgba(0,0,0,.2);
}
#txtHint {
    max-height: 220px;
    overflow-y: scroll;
}
.questions_div td {
    vertical-align: top;
}
.questions_div {
    margin: 5px 0;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    background: rgba(0,0,0,.0);
}
div#pagination a {
    display: inline-block;
    margin: 3px 2px;
    padding: 2px 7px;
}
div#pagination a.selected {
    background: black;
    color: white;
}
#search input[type=text] {
    background: url(../images/search_bg.png) repeat-x;
    width: 100% !important;
    border-right: none !important;
    border: 3px solid #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 5px !important;
    height: 27px !important;
}
#announcement_button {
    margin: 0px 0 0 0px;
    display: inline-block
}
#announcement_button span {
    z-index: 2;
/*    font-size: 14px;*/
/*    background: orange;*/
/*    padding: 5px 10px;*/
    border-radius: 0 0 5px 5px;
    cursor: pointer;
}
#announcement_button i {
}
#announcement_modal {
    display: none;
    position: absolute;
    font-size: 14px;
    width: 500px;
    padding: 25px 25px 5px;
    box-sizing: border-box;
    background-color: whitesmoke;
    box-shadow: 0px 10px 24px 0 #999;
    z-index: 7;
    max-height: 700px;
    overflow-y: scroll;
}
#announcement_modal i {
    float: right;
    margin: -26px -25px 0 0;
    font-size: 24px;
    color: orangered;
}
#announcement_modal h3 {
    margin-top: 0px;
    color: orange;
}
#holiday_button {
    /*	margin-top: 0px;*/
    margin-bottom: 2px;
    /*	margin-left: 158px;*/
/*	background-color: darkseagreen;*/
    color: ivory;
    /*	padding: 5px 15px;*/
    display: inline-block;
    border-radius: 0 0 5px 5px;
    z-index: 1;
    cursor: pointer;
}
#holiday_modal {
    color: #333;
    box-shadow: 0px 10px 10px 0 rgba(0,0,0,.3);
    display: none;
    background-color: #FED990;
    position: absolute;
    width: calc(100% - 10px);
    max-width: 500px;
    left: 50%;
    top: 100px;
    margin-left: -250px;
    z-index: 8;
    box-sizing: border-box;
}
#holiday_modal i {
    font-size: 32px;
}
#h_m_text {
    padding: 0px 45px 5px;
    margin-top: -25px;
}
#holiday_modal img {
    width: 100%;
}
#announcementBlinker {
    /*	margin-top: 0px;*/
    margin-bottom: 2px;
    /*	margin-left: 158px;*/
    background-color: crimson;
    color: ivory;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 0 0 5px 5px;
    z-index: 1;
    cursor: pointer;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 5;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 5;
}
 @-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
 0% {
background-color: crimson;
}
 24% {
background-color:crimson;
}
 25% {
background-color:green;
}
 49% {
background-color:green;
}
 50% {
background-color:crimson;
}
 74% {
background-color:crimson;
}
 75% {
background-color:green;
}
 99% {
background-color:green;
}
 100% {
background-color:crimson;
}
}
 @-webkit-keyframes blinker {
 0% {
background-color: crimson;
}
 24% {
background-color:crimson;
}
 25% {
background-color:green;
}
 49% {
background-color:green;
}
 50% {
background-color:crimson;
}
 74% {
background-color:crimson;
}
 75% {
background-color:green;
}
 99% {
background-color:green;
}
 100% {
background-color:crimson;
}
}
 @keyframes blinker {
 0% {
background-color: crimson;
}
 24% {
background-color:crimson;
}
 25% {
background-color:firebrick;
}
 49% {
background-color:firebrick;
}
 50% {
background-color:crimson;
}
 74% {
background-color:crimson;
}
 75% {
background-color:firebrick;
}
 99% {
background-color:firebrick;
}
 100% {
background-color:crimson;
}
}
#show-ob-details {
    box-shadow: 0px 10px 10px 0 rgba(0,0,0,.3);
    /*	display: none;*/
    background-color: darkblue;
    position: absolute;
    max-width: 600px;
    width: 100%;
    left: 50%;
    color: aliceblue;/*	background-color: rgba(255,255,255,.5);*/
    top: 100px;
    /*	margin-top: -300px;*/
    margin-left: -300px;
    padding: 0px 0px 0px;
    z-index: 8;
    box-sizing: border-box;
    border: 2px solid aliceblue;
    font-size: 16px;
}
#show-ob-details td {
    padding: 10px 20px;
}
#show-ob-details tr:first-child {
    background-color: yellowgreen !important;
}
#show-ob-details tr:nth-child(2) {
    background-color: dodgerblue!important;
}
#show-ob-details tr:last-child {
    background-color: darkorange!important;
}
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');
/*@import url('https://fonts.googleapis.com/css?family=Yatra+One');*/
#show-ob-details h2 {
    font-family: 'Cinzel Decorative', cursive;
}
#show-ob-details i {
    font-size: 32px;
    float: right;
    color: aliceblue;/*	background-color: rgba(255,255,255,.5);*//*	padding: 10px 15px*/
}
#show-ob-details img {
    width: 100%;
    max-width: 600px;
}
.aMIs {
    background-color: white;
    box-shadow: 0px 1px 2px 0 #999;
    padding: 20px 30px;
    margin-bottom: 20px;
}
.aMIs-program {
    padding: 0px;
}
.aMIs-program img {
    width: 100%;
}
.aMIs-program .aMD {
    margin: 0px 0px -20px 0px;
    box-sizing: border-box;
}
.aMD {
    margin: -20px -30px 0px -30px;
    padding: 10px 30px 10px 30px;
    background-color: cadetblue;
    color: white;
    width: 100%;
}
.aMD.now {
    background-color: orange;
}
#oCenter {
    width: 100%;
}
#center {
    margin: 0 auto;
    font-size: 16px;
}
#r1 .c, .c {
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px;
}
.c.aud {
    margin: 0px 0px 0 6px;
}
#r1 #mImage {
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px 5px 5px;
    background: rgba(255,255,255,.6);
}
.jssor_1C, #jssor_1 {
    width: 625px !important;
    height: 407px !important;
}
#jssor_1 img {
    width: 615px !important;
    height: 400px !important;
}
.ancmnt {
    background: rgba(255,178,52,.7);
    padding: 20px 30px;
    border: rgba(255,178,52,1);
    border-radius: 0px;
    font-size: 14px;
    color: brown;
    font-weight: 700;
    max-width: 555px;
}
.ancmnt i {
    float: right;
    margin: -10px -20px 0 0;
    font-size: 24px;
}
.share {
    width: 485px;
    margin: 10px auto;
}
.share a {
    padding: 10px 20px;
    text-align: center
}
.share #telegram {
    background-color: deepskyblue;
    color: aliceblue;
}
.share a:not(#telegram) {
    cursor: pointer;
    background-color: limegreen;
    color: aliceblue;
}
.share a.closeChild1 {
    background-color: #3b5998 !important;
    margin: 0 5px;
}
.share i {
    font-size: 18px;
}
/*#modal{display:none;width:335px;padding:30px 40px;background-color:white;font-size:18px;z-index:1000;position:fixed;box-sizing:border-box;top:calc(50% - 12px);box-shadow:0 10px 24px 0px rgba(0,0,0,.8);}*/
/*#modal a{padding:0px 0px;width:auto !important;background-color:white !important;color:dodgerblue !important;}*/
/*#modal i{float:right;margin:-14px -24px 0 0;}*/
/*
.modal{
	display: none;
	background-color: whitesmoke;
	box-shadow: 1px 10px 34px 0px rgba(0,0,0,.9);
	min-height: 214px;
	display:none;
	width: 320px;
	left: 50%;
	top: 50%;
	z-index: 3;
	margin-top: -107px;
	margin-left: -160px;
	position: fixed;
}
*/
/*
.modal i{
	font-size: 32px;
	position: absolute;
	direction: rtl;
	z-index: 4;
}
*/
#mID {
    font-size: 16px;
    width: 600px;
    padding: 1px 20px;
    box-sizing: border-box;
    text-align: justify;
}
#mID a {
    color: dodgerblue;
}
#r1 #c2 {
    margin: 0px;
    max-width: 630px;
}
#tajweed {
    background-color: yellowgreen;
    color: darkgreen;
    text-align: center;
    padding: 5px 0;
    margin: 0px;
    border-radius: 0px;
    padding: 1px 0px;
    text-align: center;
    margin: 10px auto;
}
.box {
    background-color: whitesmoke;
    padding: 10px;
}
.box span {
    padding: 0 10px;
}
.box audio {
    width: 100%;
}
.sug {
    margin-top: 10px;
    max-width: 600px;
}
.sug input, .sug textarea {
    width: 100%;
    max-width: 560px;
}
#cQs {
    margin: 5px 0px 5px 0px;
    width: 300px;
    height: 380px;
    background: rgba(255,255,255,.6);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
}
#qB, #vB {
    width: 605px;
    margin-top: 10px;
    background: rgba(255,255,255,.6);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    overflow-y: hidden;
    display: inline-block;
}
#vB {
    background: rgba(255,255,255,.8);
}
#vBI {
    padding: 10px 0px 0px 10px;
}
#vBIVV {
    position: relative;
    margin: -20px 0 0 -20px;
    width: calc(100% + 40px);
    height: 0;
    padding-bottom: 59%;
}
#vBIVV iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*#vBIV{height:570px;border-bottom:1px dashed rgba(0,0,0,.4);}*/
#vBIVT h4 {
    font-size: 16px;
    margin: 0px;
    padding: 20px 30px 0px;
}
#vBIVTD {
    padding: 20px 30px;
    font-size: 14px
}
#vBI li {
    display: inline-block;
    vertical-align: top;
    max-height: 160px;
    overflow: hidden;
    width: 135px;
    margin: 0 10px 10px 0;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.7);
    background: rgba(255,255,255,.8);
}
#vBI img {
    width: 135px;
}
#vBI p {
    padding: 0px 0px;
    margin: 2px 10px 10px;
    font-size: 11px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
#cQs #cH {
    border-radius: 10px 10px 0 0;
    background: rgba(0,60,142,1.00);
#089de3;
rgba(58,141,217,1.00);
rgba(255,255,255,.6);
    margin: 0px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: rgba(255,255,255,.9);
#fc9530;
rgba(0,0,0,.8);
}
#cQs #cC li, #qB li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    list-style: none;
disp;
    lay: inline-block;
wid;
    th: 100px;
    padding: 5px;
    background: rgba(255,255,255,.3);
    box-shadow: 0px 0px 1px 0px #eee;
    font-size: 11px;
}
#cQsf a:nth-child(even) {
    background: #ffd1a4 !important;
#f07a06;
}
#cC li div {
    display: inline-block;
    vertical-align: middle;
}
#cC li #cCII {
    background-size: 100% auto;
    width: 40px;
}
#cC li #cCII img {
    width: 40px;
    text-align: center;
}
#cC li #cCIN {
    border-left: 1px solid rgba(0,0,0,.1);
    padding: 5px;
}
#cC li #cCIN a {
    font-size: 12px;
}
#cQs #dMC li, #dIs li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    list-style: none;
    padding: 10px 20px;
    background: rgba(255,255,255,.3);
}
#dIs li {
    border-top: 1px solid cornflowerblue;
}
#dIs a#under {
    text-decoration: underline;
    color: royalblue;
}
.stripes:nth-child(odd) {
    background: rgba(255,232,184,1.00);
}
#dIs li span {
    font-size: 11px;
    color: rgba(0,0,0,0.7);
}
#dIs audio {
    display: none;
}
#dIs div:hover audio, #dIs div:first-child audio {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid cornflowerblue;
}
#mV {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1);
    width: 300px;
    margin: 5px 5px;
    background: rgba(255,255,255,.6);
}
#mVH h3, #hDs h3, #ds h3, #vB h3, #qB h3, #aV h3, #aA h3, #aB h3, #dH h3 {
    border-radius: 10px 10px 0 0;
    background: rgba(0,60,142,1.00);
#089de3;
rgba(58,141,217,1.00);
rgba(255,255,255,.6);
    margin: 0px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: rgba(255,255,255,9);
}
#ds small {
    font-size: 11px;
    vertical-align: middle;
}
#vMore {
    float: right;
    padding: 12px 20px;
    color: rgba(255,255,255,0.8);
}
#mVC li {
    list-style: none;
    display: inline-block;
    width: 308px;
    box-sizing: border-box;
    vertical-align: top;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 20px;
    background: rgba(255,255,255,.3);
}
#sNL {
    width: 570px;
    margin: 5px;
    background: rgba(241,14,14,.7);
    padding: 10px 20px;
}
#sNL input {
    background: rgba(255,255,255,.6);
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,.1);
}
#hDs {
    border-radius: 10px;
    margin: 5px 0 0 5px;
    margin-right: 0px;
    width: 633px;
}
#hDIs li {
    list-style: none;
    box-sizing: border-box;
    vertical-align: top;
    background: rgba(255,255,255,.6);
    margin: 10px auto;
    border: 1px solid rgba(0,0,0,.1);
}
#hDIs {
    padding: 0px;
    box-sizing: border-box;
}
#hDs img {
    width: 280px;
}
#hDs #hDID {
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
widt;
    h: 310px;
}
#hDs #hDIF {
    background-color: #3b5998;
    padding: 10px;
    text-align: center;
    color: rgba(255,255,255,.9);
    width: 280px;
    box-sizing: border-box;
}
#hDs, #ds {
    display: inline-block;
    vertical-align: top;
}
#ds {
    width: 300px;
    background: rgba(255,255,255,.6);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    height: 380px;
    margin-top: 5px;
}
#dH {
    text-align: center;
    background-repeat: no-repeat;
    background-size: 320px auto;
    background-position: center center;
    background-color: rgba(255,255,255,.6);
    border-radius: 10px;
    box-shadow: 0 0 2px 0px rgba(0,0,0,.4);
}
#dH img.hadees {
    height: 315px;
    max-width: 620px;
}
.mR {
    background: rgba(255,255,255,.6);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
    margin: 5px 0;
}
.mR h3 {
    border-radius: 10px 10px 0 0;
    background: rgba(0,60,142,1.00);
    margin: 0px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: rgba(255,255,255,9);
}
.mRB {
    margin: 10px;
    padding: 0px;
    background: rgba(255,255,255,.9);
    border-bottom: 2px solid dodgerblue;
}
.mRB .img {
    border: 4px solid black;
    min-width: 70px;
    min-height: 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}
.mRB:hover .mRBT, .mRBT:hover {
    color: darkblue;
}
.mRBT {
    width: calc(100% - 90px);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
    padding: 20px 20px;
    box-sizing: border-box;
    color: dodgerblue;
    z-index: 10000;
    font-weight: bold;
    background-color: rgba(255,255,255,1);
    display: inline-block;
    vertical-align: top;
}
.mR a {
    padding: 0px !important;
}
.gallery-main-box {
    background: white;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
    padding: 10px 40px;
    margin-bottom: 20px;
}
.left_arrow {
    float: left;
}
.right_arrow {
    text-align: right;
}
.gM {
    display: inline-block;
}
.gM .img {
    width: 100px;
    height: 75px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#vC1 {
    margin: 10px 5px 10px 0px;
}
#vC2 {
    margin: 10px 0px 10px 5px;
}
.vCs {
    display: inline-block;
    vertical-align: top;
}
#video {
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.4);
}
#video_text {
    padding: 0 20px 10px;
}
#Comment {
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.4);
    padding: 20px;
    margin-top: 10px;
}
#thisAalimsVideos {
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.4);
    padding: 0 20px 20px;
    margin-top: 0px;
    max-height: 300px;
    overflow-y: scroll
}
#thisAalimsVideosh3 {
    color: rgba(255,255,255,.9);
    background: cornflowerblue;
rgba(255,255,255,0.9);
    margin: 10px 0px 0px;
    padding: 10px 20px;
}
#vC2 h3 {
    color: rgba(255,255,255,.9);
    background: cornflowerblue;
rgba(255,255,255,0.9);
    margin: 0px;
    padding: 10px 20px;
}
#vC2 h3 small {
    font-weight: 300;
    color: rgba(255,255,255,.9);
    padding-top: 20px;
}
/*#oVs{column-gap:0px;padding-left:10px;padding-bottom:10px;}*/
#oVB {
    padding: 10px 10px 0px 0px;
    display: inline-block
}
#tOVB {
    padding: 10px 10px 0px 0px;
    display: inline-block;
}
.oVBs {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
    background: rgba(255,255,255,0.9);
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.tOVBs {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
    background: rgba(255,255,255,0.9);
    width: 100%;
    max-width: 175px;
}
#tOVB .tOVBs:nth-child(2) {
    max-height: 90px;
    overflow: hidden
}
#oVBI img {
    width: 175px;
}
#oVBT {
    width: 175px;
    box-sizing: border-box;
}
#oVBT p {
    margin: 0px;
    padding: 10px;
    font-weight: bold;
    height: 82px;
    overflow: hidden;
}
/*form input{padding:10px;margin:10px 0px; box-sizing: border-box;}*/
select {
    padding: 10px;
    min-width: 300px;
    margin: 0 0 5px;
}
#respond input {
    margin: 0px 0 5px;
}
form textarea {
    min-height: 200px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.3);
    max-width: 600px;
}
.vLB {
    max-width: 620px;
    background: rgba(255,255,255,.6);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.5);
    margin: 5px 0px 10px 0px;
    box-sizing: border-box;
    overflow: hidden;
}
.vLBI {
    width: 120px;
    height: 85px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vLBT {
    height: 75px;
    overflow-y: hidden;
    font-weight: 400;
    max-width: calc(100% - 130px);
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 18px;
}
.vLBTT {
    height: auto!important;
}
.vLBBs {
    display: inline-block;
    vertical-align: top;
}
.vLBT h3 {
    color: rgba(0,0,0,.9);
crimson;
}
a.cat-names {
    display: inline-block;
    background-color: rgba(255,255,255,.4);
    padding: 0px 30px;
    margin: 0 5px;
}
a.active {
    background-color: rgba(255,255,255,.8)
}
.aH {
background:;
}
.inf {
    border-radius: 10px;
    z-index: 2;
    display: none;
    position: absolute;
    width: 300px;
    margin-left: -190px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.6);
    padding: 15px 20px;
    font-size: 14px;
    border: 1px solid burlywood;
    background-color: beige;
    font-weight: 700;
    font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, " sans-serif";
}
i:hover .inf {
    display: block;
}
.aB {
    min-width: 150px;
    background: rgba(255,255,255,.6);
    margin: 0px 10px 10px 10px;
    border-bottom: 2px solid cornflowerblue;
    display: inline-block;
}
.aB audio {
    right: 0%;
    text-align: right;
    float: right
}
.aBBs {
    display: inline-block;
    vertical-align: top
}
.aBD {
    text-align: left;
    left: 0%;
    color: cornflowerblue;
rgba(255,255,255,.9);
    font-size: 12px;
    padding: 10px 20px;
}
.aBD h3 {
    margin: 0px;
}
.aBD input {
    float: right;
    margin: -15px -10px -10px 0;
    display: inline-block;
}
#seerat, #ahkam {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 2px);
}
#dButton {
    background: rgba(255,255,255,.9);
    width: 200px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px;
    box-shadow: 0 0 2px 0 rgba(50,120,228,.2);
rgba(0,0,0,.6);
    color: cornflowerblue;
rgba(255,255,255,.9);
}
#dButtonL {
    margin: 0 10px 30px;
}
#dua {
    box-shadow: 0 0 1px 0 rgba(0,0,0,.6);
    background-color: floralwhite;
    width: calc(100% - 20%);
    padding: 40px 80px;
    margin: 0 auto 10px;
    text-align: justify;
    direction: rtl;
    font-size: 24px;
    line-height: 250%;
    font-family: 'Amiri', serif;
    box-sizing: border-box;
    font-weight: 600;
}
#dua span {
    text-align: center !important;
    font-weight: 700;
}
#urdu, .urdu {
    font-family: 'urdu';
    direction: rtl;
/*    line-height: 2.5 !important;*/
}
.rtl {
    direction: rtl;
}
#searchbox input {
    padding: 10px 20px 10px 30px;
    border: 2px solid cornflowerblue;
    width: 100%;
    margin: 0 0 10px
}
#searchbox {
    display: none;
}
#press-enter {
    display: none;
}
div#closeH {
    display: none;
    position: absolute;
    color: palevioletred;
    margin: 12px 0px 0 12px;
    font-size: 14px;
}
#txtHint2 {
    width: auto !important;
}
.sT {
    background-color: wheat;
rgba(255,219,116,.4);
bisque;
rgba(253,209,114,.3);
    color: rgba(0,60,142,1.00);
    padding: 20px;
    box-sizing: border-box;
    column-count: 2;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    border: 2px solid royalblue;
rgba(0,60,142,1.00);
rgba(228,58,61,1.00);
rgba(144,193,78,1.00);
    border-top: none;
}
.sTH {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px;
    background: cornflowerblue;
rgba(201,38,41,.7);
    color: rgba(255,255,255,0.90);
    border: 2px solid royalblue;
rgba(0,60,142,1.00);
rgba(228,58,61,1.00);
rgba(144,193,78,1.00);
    border-bottom: none;
}
.sT li {
    list-style: decimal;
    font-weight: bold;
}
.close-q-a {
    float: right;
    color: royalblue;
    margin: 0px -20px 0 0;
}
.highlight {
    background-color: yellow
}
#student-name {
    padding: 10px;
    border-bottom: 1px dashed #333;
}
#shahriya-table {
    /*	padding: 20px;*/
    background-color: aliceblue;
    max-width: 400px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 1px #999;
    margin: 10px;
    display: inline-block;
}
#shahriya-table h3 {
    margin: 0px 0px 0px 0px;
    background-color: dodgerblue;
    /*	border-bottom: 1px dotted #333;*/
    padding: 10px 20px;
    color: #fff;
}
#shahriya-table table {
    margin: -2px;
    border-collapse: collapse;
    width: calc(100% + 4px);
}
#shahriya-table tr td:nth-child(2) {
    /*	text-align: right;*/
    font-family: urdu;
    font-size: 18px;
    border-left: 0px;
    border-right: 0px;/*	font-weight: 700;*/

}
#shahriya-table tr td:nth-child(1) {
    border-left: 0px;
    padding: 10px;
    vertical-align: middle;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif"
}
#shahriya-table tr.sLabel th {
    font-family: urdu;
    font-size: 18px;
    border-left: 0px;
    border-right: 0px;
    color: black;
    text-align: center;
    border-left: 1px solid #aaa;
}
#shahriya-table table td {
    border: 1px solid rgba(0,0,0,.10);
    border-top: 0px;
    padding: 10px 20px;
    vertical-align: top;
    text-align: right;
}
#shahriya-table table td table td {
    border: 1px solid rgba(0,0,0,.10);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding: 5px 5px;
    text-align: center;
    vertical-align: middle;
}
#shahriya-table table td table td.sPlus {
    padding: 0px;
}
#shahriya-table table td table {
    margin: -10px;
    width: calc(100% + 20px);
}
#shahriya-table table td table td:nth-child(2) {
    font-size: 14px;
    font-weight: 100;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif"
}
#shahriya-table table td table td:nth-child(1) {
    font-size: 14px;
    font-weight: 100;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif"
}
#shahriya-table table td table tr:nth-child(1) td:nth-child(2) {
    text-align: left;
}
#shahriya-table table td table tr:nth-child(2) td {
    font-weight: 700;
}
.qBox {
    width: calc(50% - 20px);
    padding: 0px;
    margin: 10px 0px 0px 5px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.5);
    display: inline-block;
    vertical-align: top;
    border: 2px solid royalblue;
    background: cornflowerblue
}
.qBT {
    padding: 10px 20px;
    min-height: 300px;
    background: wheat;
rgba(255,219,116,.4);
rgba(255,255,255,.3);
    box-sizing: border-box;
    min-width: 300px;
}
.qBT .print {
    float: right;
    margin: 0px;
    color: cornflowerblue;
}
.qBTQ strong {
}
.qBTQ {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.20)
}
.qBTA {
}
.qBTA strong {
}
.search-question {
    background: wheat;
}
.search-videos, .search-questions {
    background: none;
    border: none;
}
.search-videos, .search-questions {
    padding: 0px;
}
.ansB {
    width: 755px;
    padding: 0px;
    margin: 10px 0 20px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.5);
    border: 2px solid royalblue;
rgba(0,60,142,1.00);
rgba(228,58,61,1.00);
rgba(144,193,78,1.00);
    background: cornflowerblue;
rgba(0,0,0,.2);
}
.ansBI {
    width: 200px;
    min-height: 200px;
    height: auto;
    background: cornflowerblue;
rgba(0,0,0,.2);
    color: white;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
    border-right: 2px solid cornflowerblue;
rgba(0,60,142,1.00);
rgba(228,58,61,1.00);
rgba(144,193,78,1.00);
}
.ansBI strong {
    color: white;
}
.ansBT {
    padding: 10px 20px;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    background: wheat;
rgba(255,219,116,.4);
rgba(255,255,255,.3);
    box-sizing: border-box;
    width: 545px;
}
.ansBT .print {
    float: right;
    margin: 0px;
    color: cornflowerblue;
}
.ansBTQ strong {
}
.ansBTQ {
}
.ansBTA a {
    text-decoration: underline;
    color: royalblue
}
.ansBTA strong {
}
.ansBNote {
    background-color: bisque;
    padding: 30px 40px;
    border: 2px solid royalblue;
}
.ansBNote span {
    float: right;
    margin: -30px -40px 0 0;
    color: sandybrown;
    /*	background-color: rgba(255,255,255,.5);*/
    padding: 10px 15px;
    font-size: 40px;
}
.slideAnim {
    visibility: hidden;
}
.slide {
    animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
@keyframes slide {
0% {
opacity:0;
transform:translateY(70%);
}
100% {
opacity:1;
transform:translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity:0;
-webkit-transform:translateY(70%);
}
100% {
opacity:1;
-webkit-transform:translateY(0%);
}
}
#c1 {
    display: inline-block;
    vertical-align: top;
    width: 755px;
}
#c2.qAs {
    margin: 0px 0 0 20px;
    display: inline-block;
    vertical-align: top;
    width: 400px;
}
#c2 #aV {
    padding: 0px;
}
#c2 h3 {
    border-radius: 0px !important;
}
.aVs {
    margin: 5px 0 0px;
    background: rgba(255,255,255,.6);
    padding: 10px;
    box-shadow: 0 0 2px 0px rgba(0,0,0,.4);
}
.aVI {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.aVI img {
    width: 100px;
}
.aVT {
    width: 260px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}
#aA {
    margin: 25px 0 25px;
}
.aAT {
    margin: 5px 0 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    box-shadow: 0 0 2px 0px rgba(0,0,0,.4);
}
.aAT a, #footer a, #hDID strong a {
    color: royalblue;
}
.aAA {
    display: none;
}
.aAs:hover .aAA {
    display: block;
    width: 100%;
}
.aAA audio {
    width: 100%;
    border-top: 2px solid cornflowerblue;
}
.aB {
    margin: 0 2px 10px;
}
.aBs {
}
.aBI {
    display: inline-block;
    vertical-align: top;
    width: 50px;
}
.aBI img {
    height: 70px;
}
.aBs {
    margin: 10px 0px 0 6px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.6);
    background: rgba(255,255,255,.6);
    display: inline-block;
}
.aBT {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
}
#c1.shelf {
    /*	background-image: url(shelf-back.jpg);*/
    background-position: center center;
    background-size: 670px 400px;
    padding: 50px 0px;
}
.mainB-container {
    background-image: url("../storage/images/shelfs.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-left: 0px;
    margin-bottom: 30px;
    text-align: center;
    max-width: 400px;
}
/*
.Layer_17 {
  background-image: url("Layer 17.png");
  opacity: 0.6;
  position: absolute;
  left: 1213px;
  top: 1648px;
  width: 324px;
  height: 63px;
  z-index: 15;
}
*/

.mainB {
    width: auto;
    padding: 0 10px 7px;
    box-sizing: border-box;
    ;
    margin: 0 0 7px;
    display: inline-block;
    -webkit-perspective: 150px;
    perspective: 150px;
    -webkit-perspective-origin: center bottom;
    perspective-origin: center bottom;/*background-image: url(book-shadow.png); background-position: bottom; background-size: ; background-repeat: no-repeat;*/
}
.mainB::before {
    position: absolute;
    margin-left: 0px;
    margin-top: 15px;
    width: 120px;
    height: 185px;
    /*   border-radius: 0 10% 0 0;*/
    z-index: -1;
    content: "";
    box-shadow: 40px 0 17px rgba(0,0,0,0.33);
    -webkit-transform: skewX(8deg);
    -moz-transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    -o-transform: skewX(8deg);
    transform: skewX(8deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.mainB:hover::before {
    transform: skewX(0deg);
    /*	 margin-left: -70px;*/
    transition: .2s;
}
.mainB:hover img {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg); /* Chrome, Safari, Opera */
    transition: .2s;
}
.mainBI img {
    height: 200px;
    text-align: center;
    /*	box-shadow: 0 28px 16px -26px rgba(0, 0, 0, 1);*/
    -webkit-transform: rotateX(4deg);
    transform: rotateX(4deg); /* Chrome, Safari, Opera */
}
.mainBT {
    padding: 10px;
    font-weight: bold;
}
.mainBT, .mainBI {
    display: inline-block;
    vertical-align: bottom;
}
/*.mainBS{background-image:url(shelf.png); height: 20px;}*/
#book {
    width: 100%;
    height: calc(100% - 40px);
    overflow-y: scroll;
}
#book img {
    width: 100%;
}
.topB {
    margin: 0 0 40px;
    background-color: antiquewhite;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 2px 0px rgba(0,0,0,.9);
}
.topBR1 {
    z-index: 100;
    box-shadow: 0 0 2px 0px rgba(0,0,0,.9);
}
.topBN, .topBH {
    color: rgba(0,0,0,.8);
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
}
.topBN {
    padding: 20px 40px;
    background-color: cornflowerblue;
    color: aliceblue;
}
.topBH {
    padding: 20px 40px;
    background-color: wheat;
    /* width: 640px; */
}
.topBR2 {
    padding: 20px 40px 30px;
    border-radius: 0 0 20px 20px;
}
.topBR2 li {
    margin: 0 20px 0;
    list-style: decimal;
}
.topBR2 ul {
    padding: 0px;
}
.topBTs {
    background: rgba(255,255,255,.4);
    box-shadow: 0 0 2px 0px rgba(0,0,0,.2);
    padding: 10px 20px;/*	;display:inline-block;vertical-align:top;*/
/*width:calc(50% - 45px)*/
}
.topBSTs {
    /*	background: rgba(255,255,255,.2);*/
/*	border: 1px solid rgba(0,0,0,.2);*/
/*	border-top: 0px solid rgba(0,0,0,.2);*/
    padding: 5px 20px 5px;
}
.topBSTs a {
    display: inline-block;
    vertical-align: top;
    background: rgba(255,255,255,.2);
    width: calc(50% - 3px);
    border: 1px solid rgba(0,0,0,.1);
    padding: 10px 20px;
    margin:2px 0px;
}
.topBTs:hover {
    background: rgba(255,255,255,.8);
    box-shadow: 0 0 2px 0px rgba(0,0,0,.5);
}
.oPayMs {
    width: 100%;
    background-color: wheat;
    margin: 0 0 10px;
}
.payMs {
    text-align: left;
    margin: auto;
    max-width: 600px;
    width: 100%;
    padding: 20px 5% 80px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
    font-size: 18px
}
.payMs h4 {
    text-align: center;
    font-size: 32px;
}
#ijaraDiv {
    width: 100%;
    text-align: center;
}
#ijara {
    width: 100%;
}
#oFooter {
    width: 100%;
    background: rgba(48,80,80,.3);
}
#footer {
    margin: 0 auto;
}
#footer #fC {
    width: 300px;
    padding: 20px;
    text-align: justify;
}
#footer #fS {
    padding: 20px;
    float: right;
}
#footer #fS i {
    font-size: 24px;
    background: rgba(39,90,90,.6);
    width: 70px;
    text-align: center;
    padding: 11px 0;
    margin: 10px;
    color: rgba(255,255,255,.95);
    border-radius: 500px;
}
#footer #fS i:hover {
    background: rgba(39,90,90,.4);
}
#footer #fCR {
    text-align: right;
    padding: 10px 20px 20px;
    border-top: 1px solid rgba(0,0,0,.1);
}

@media only screen and (min-width:0px) and (max-width:380px) {
#header {
    font-size: 14px;
    letter-splacing: -1px;
}
#header h1 {
    font-size: 21px !important;
}
#ask {
    margin-top: 10px;
    width: 100%;
}
/*#modal{width:calc(100% - 10px) !important;}*/
/*#modal a{display:inline-block;}*/
.mRB {
}
.mRB .img {
}
#video_main_box iframe {
    width: 300px !important;
    height: 168.6px !important;
}
#vC2, #vC1 {
    width: 300px !important;
    margin: 10px auto !important;
    display: block;
}
#oVs {
    column-count: 1 !important;
}
#oVBI img, #oVBT {
    width: 280px !important;
}
#vBI {
    padding: 0px 0px 0px 0px;
}
#vBI li {
    display: block;
    width: 100%;
    height: 70px;
    margin: 0 0px 5px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    border-top: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 0 0px 0 rgba(0,0,0,.7);
}
#vBI img {
    float: left;
    height: 70px;
    width: 100px;
}
#vBI p {
    padding: 10px 0px;
    margin: 0px 10px 10px 110px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
#vBI li.s1000 {
    display: none;
}
#qFehrist {
    margin: 110px 0 0 0;
    width: 100% !important;
    height: 270px;
    padding: 10px;
    cursor: default;
}
textarea#topic {
    min-height: 30px !important;
}
#dua {
    width: calc(100%);
    padding: 40px 8%;
    margin: 0 auto 10px;
    font-size: 22px !important;
    line-height: 220% !important;
}
}

@media only screen and (min-width:0px) and (max-width:640px) {
#iHeader {
    width: calc(100% - 10px);
}
#center {
    width: calc(100% - 10px);
}
#footer {
    width: 100%;
}
.dM {
    display: none !important;
}
#mImage, #mImage img, .c, #mV, #hDs, #ds, #vB, #qB {
    box-sizing: border-box;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    height: auto !important;
}
.jssor_1C, #jssor_1 {
    width: 320px !important;
    height: 208px !important;
}
#jssor_1 img {
    width: 290px !important;
    height: 190px !important;
}
#announcement_modal {
    width: calc(100vw - 40px);
    left: 0px;
    margin-left: 10px;
    margin-right: auto;
}
#holiday_modal {
    color: darkgreen;
    box-shadow: 0px 10px 10px 0 rgba(0,0,0,.3);
    display: none;
    background-color: cornsilk;
    position: absolute;
    width: calc(100% - 10px);
    max-width: 600px;
    left: 0%;
    top: 100px;
    margin-left: 5px;
}
#show-ob-details {
    left: 0%;
    top: 100px;
    width: calc(100% - 10px);
    margin-left: 5px;
}
.share {
    margin: 5px auto 0px;
    width: 100% !important;
}
.share a {
    display: list-item;
}
.mRB {
}
#mVH h3, #hDs h3, #ds h3, #vB h3, #qB h3, #cH, #aV h3 {
    border-radius: 0px !important;
}
#mID {
    display: none;
}
.c {
    margin: 3px auto !important;
}
#mVC li {
    width: auto;
    display: block !important;
    font-size: 14px;
    padding: 10px 10px;
}
#mR #mV, #mR #ds {
    display: inline-block;
    vertical-align: top;
}
#hDs li {
    margin-left: auto !important;
    margin-right: auto!important;
    display: block;
    width: 280px;
}
#hDs {
    padding: 5px 0px !important;
}
#fS {
    width: 250px;
    margin: 0 auto;
    float: none !important;
    padding: 10px 20px !important;
}
#fC {
    padding: 0px 0px 10px !important;
    max-width: 250px !important;
    margin: 0 auto;
}
#fS i {
    font-size: 18px !important;
    width: 40px !important;
    margin: 5px !important;
}
#fS h3 {
font-siz;
    e: 14px;
}
#mR {
    display: none;
}
#cQs #cC li {
    border-bottom: 1px solid rgba(0,0,0,.1);
    list-style: none;
    width: 49%;
    padding: 5px;
    background: rgba(255,255,255,.3);
    box-shadow: 0px 0px 1px 0px #eee;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
#cQs #cC li div {
    display: inline-block;
}
#video_main_box iframe {
    width: 380px;
    height: 213.6px;
}
#vC2, #vC1 {
    width: 380px;
    margin: 10px auto !important;
    display: block;
}
#oVs {
    column-count: 2;
}
#oVBI img, #oVBT {
}
#Comment {
    padding: 5px !important;
}
#video_text h2 {
    font-size: 18px;
}
#respond textarea {
    width: 300px;
}
.vLBT {
    font-size: 14px;
    font-weight: 300;
    padding: 10px 5px !important;
}
.vLBT p {
    margin: 0px !important;
}
#qFehrist {
    margin: 106px 0 0 0;
    width: 100% !important;
    height: 270px;
    padding: 10px;
    cursor: default;
}
textarea#topic {
    min-height: 30px !important;
}
fieldset {
    width: 100px;
    margin: 0 0 20px;
}
#ask {
    width: 100%;
}
#ask .form {
    width: 97vw;
}
#ask .form input[type="submit"] {
    z-index: 9;
    width: 50px;
    margin: 0px 0px 0px 8px;
    padding: 4px !important;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid rgba(0,0,0,.1);/*border-radius:0 0 10px 10px;*/
}
#back_arrow {
    display: block;
}
#ask:hover .form {
    display: none;
}
#vBI {
    text-align: center;
}
#vBIV iframe {
    width: 100%;
/*    height: 329.3px;*/
/*    margin: 5px 0 0 5px;*/
}
#vBIVT h4 {
    padding: 10px
}
#vBIVTD {
    display: none
}
div#related {
    display: block;
}
.ansB {
    width: 100%;
    border-left: none;
    border-right: none;
}
#c1 {
    width: 100%;
}
.ansBI {
    width: 100%;
    border: none;
    border-bottom: 3px solid cornflowerblue;
    min-height: 61px !important;
    padding: 0px 0px 0 20px;
    margin: 0px;
}
.ansBIB {
    display: inline-block;
    padding: 10px 5px 10px;
}
.ansBIB:first-child {
}
.ansBT {
    width: 100%;
}
#c2.qAs {
    width: 100%;
    margin: 0px;
}
.aVT {
    width: 160px;
}
#dIs audio {
    width: 100%;
}
#ds.nMobile.s600 {
    display: block;
}
#dH img.hadees {
    width: 100%;
    height: auto;
}
.aBT {
    display: inline-block;
    vertical-align: top;
    width: 236px;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
}
#ds.nMobile {
    display: none;
}
.aB {
    width: 100%;
}
.aB audio {
    right: 0%;
    text-align: right;
    float: none;
    margin: 0px;
    width: 100%;
}
.aBD {
    width: 100%;
    box-sizing: border-box;
}
.topB {
    margin-left: auto;
    margin-right: auto;
}
.topBN, .topBH {
    font-size: 22px;
    display: block;
    padding: 10px 20px;
}
.topBH {
    width: auto;
}
.topBR2 {
    padding: 5px 20px 10px;
}
.topBTs {
    padding: 7px 0px 7px 10px;
    width: calc(100% - 12px);
}
.topBSTs a {
    width: calc(100% - 12px);
}
.topBTs li {
    margin: 0px 0 0 20px;
}
.mainBT {
    width: 150px;
}
#dua {
    width: calc(100%);
    padding: 40px 8%;
    margin: 0 auto 10px;
    font-size: 22px;
    line-height: 250%;
}
.qBox {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
/*form input[type="text"]{width:300px;}*/
}

@media only screen and (min-width:641px) and (max-width:999px) {
#iHeader {
    width: 638px;
}
#center {
    width: 638px;
}
#footer {
    width: 638px;
}
.dM {
    display: none !important;
}
.mM {
    display: inline-block !important;
}
#mR {
    display: none;
}
#hDs li {
    margin-left: auto !important;
    margin-right: auto!important;
    display: block;
}
#hDs {
    width: 100%;
    padding: 5px 0px !important;
}
#hDs li {
    margin-left: auto !important;
    margin-right: auto!important;
    display: block;
}
#video_main_box iframe {
    width: 100%;
    height: 358.6px;
}
#vC2, #vC1 {
    width: 100% !important;
}
#oVs {
    column-count: 3 !important;
}
#respond textarea {
    width: 300px;
}
#oVBI img, #oVBT {
    width: 199.33px !important;
}
#qFehrist {
    width: 380px !important;
}
#vBIV iframe {
    width: 100%;
/*    height: 329.3px;*/
/*    margin: 5px 0 0 5px;*/
}
div#related {
    display: block;
}
.ansB {
    width: 640px;
}
#c1 {
    width: 640px;
}
.ansBI {
    width: 640px;
    border: none;
    border-bottom: 3px solid cornflowerblue;
    min-height: auto !important;
    padding: 0px 10px;
    margin: 0px;
}
.ansBIB {
    display: inline-block;
    padding: 10px 10px 10px;
}
.ansBT {
    width: 640px;
}
#c2 {
    width: 100%;
    margin: 0px;
}
.aB audio {
    right: 0%;
    text-align: right;
    float: none;
    margin: 0px;
}
.aBD {
    width: 100%;
}
#c2.qAs {
    margin: 0px;
    width: 100%;
}
.topB {
    margin-bottom: 20px;
}
.topBN, .topBH {
    font-size: 22px;
}
.topBH {
    width: 534px;
}
.topBR2 {
    padding: 5px 20px 10px;
}
.topBTs {
    padding: 7px 0px 7px 10px;
    width: calc(100% - 12px);
}
.topBTs li {
    margin: 0px 0 0 20px;
}
.topBSTs a {
    width: calc(100% - 12px);
}
#dua {
    width: calc(100%);
    padding: 40px 80px;
    margin: 0 auto 10px;
    font-size: 24px;
    line-height: 250%;
}
.qBox {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
/*
form input[type="text"]{width:300px;} */
}

@media only screen and (min-width:1000px) and (max-width:1279px) {
#iHeader {
    width: 980px;
}
#center {
    width: 980px;
}
#footer {
    width: 980px;
}
.mM {
    display: none !important;
}
#r1 .c {
    display: inline-block !important;
}
#mR {
    display: none !important;
}
#qB, #cQs.c:last-child {
    display: none !important;
}
#r1 .c:last-child {
    width: 300px;
}
#video_main_box iframe {
    width: 980px;
    height: 550px;
}
#vC2, #vC1 {
    width: 100% !important;
}
#oVs {
    column-count: 5 !important;
}
#oVBI img, #oVBT {
    width: 184px !important;
}
#vB {
    width: 300px;
}
#vBI {
    padding: 0px 0px 0px 0px;
}
#vBI li {
    display: block;
    width: 100%;
    height: 70px;
    margin: 0 0px 5px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    border-top: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 0 0px 0 rgba(0,0,0,.7);
}
#vBI img {
    float: left;
    height: 70px;
    width: 100px;
}
#vBI p {
    padding: 10px 0px;
    margin: 0px 10px 10px 110px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
#vBI li.s1000 {
}
/*form input[type="text"]{width:600px;}*/
#vBIV iframe {
    margin: 0px;
}
/*#vBIV{height:460px;}*/
.ansB {
    width: 556px;
}
#c1 {
    width: 556px;
}
.ansBI {
    width: 556px;
    border: none;
    border-bottom: 3px solid cornflowerblue;
    min-height: auto !important;
    padding: 0px 10px;
    margin: 0px;
}
.ansBIB {
    display: inline-block;
    padding: 0px 10px 10px;
}
.ansBIB:first-child {
    padding: 10px 10px 0px;
}
.ansBT {
    width: 556px;
}
#ds.mobile, #cQs.mobile, .c.mobile {
    display: inline-block!important;
}
.nMobile, #ds.nMobile {
    display: none;
}
.topBN, .topBH {
    font-size: 22px;
}
.topBH {
    width: 452px;
}
.topBR2 {
    padding: 5px 20px 10px;
}
.topBTs {
    padding: 7px 0px 7px 10px;
    width: calc(100% - 12px);
}
.topBTs li {
    margin: 0px 0 0 20px;
}
}
.topBSTs a {
    width: calc(100% - 42px);
}

@media only screen and (min-width:1280px) {
#iHeader {
    width: 1260px;
}
#center {
    width: 1260px;
}
#footer {
    width: 1260px;
}
.mM {
    display: none !important;
}
#mR {
    display: none;
}
#video_main_box iframe {
    width: 854px;
    height: 480px;
}
#oVs {
    column-count: 2;
}
#vC1 {
    width: 854px;
}
#vC2 {
    width: 380px;
}
.topBSTs a {
    width: calc(50% - 42px);
}
/*form input[type="text"]{width:600px;}*/
.ansBIB:first-child {
    padding: 15px 0px 0px;
}
}
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div {
    background-position: -7px -7px;
}
.jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: -37px -7px;
}
.jssorb05 .av {
    background-position: -67px -7px;
}
.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px;
}
/* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('img/a12.png') no-repeat;
    overflow: hidden;
}
.jssora12l {
    background-position: -16px -37px;
}
.jssora12r {
    background-position: -75px -37px;
}
.jssora12l:hover {
    background-position: -136px -37px;
}
.jssora12r:hover {
    background-position: -195px -37px;
}
.jssora12l.jssora12ldn {
    background-position: -256px -37px;
}
.jssora12r.jssora12rdn {
    background-position: -315px -37px;
}