ul.ulmemberlist {text-align: center;}
.time {color: #ccc;}
ul.ulmemberlist li {display: inline-block;width: 35px;height: 25px;line-height: 25px;
margin-bottom: 3px}
ul.ulmemberlist li a {display: block;background: #4a1f85;color: #fff!important;}
ul.ulmemberlist li.activ {background: #4a1f85;color: #fff!important;border: 1px solid #fff}
.alt1, .alt1Active,
.alt2, .alt2Active {
	background: linear-gradient(#391768, #1d0c34);
}
.thead {background: -webkit-linear-gradient(#2d1251, #38173a); background: -o-linear-gradient(#2d1251, #38173a);background: -moz-linear-gradient(#2d1251, #38173a);background: linear-gradient(#2d1251, #38173a);}
.header-bg {background-position: bottom;}
.header-r {background-position: top right;width: 50%;background-repeat: no-repeat;}
.header-l {background-position: top left;width: 50%;background-repeat: no-repeat;position: relative;}

img.iconphonemode {display: none;}
.pcmode {}
.phoneshowmode , .phonemode {display: none;}
.box-users-logreg {position: absolute;bottom: 10px;left: 35px;}
.box-users-logreg a {display: inline-block;margin-left: 25px;position: relative;line-height: 32px;font-family: he2;font-size: 15px;color: #AF873D;}
.box-users-logreg img {float: right;margin-left: 5px;}
.box-users-logreg a:hover {color: #8a6727}
.form-login h1 {display: none;}
.bs-login-modal-sm {opacity: 0;display:  none;position: fixed;z-index: 999999;-webkit-overflow-scrolling: touch;outline: 0;width: 627px;height: 244px;background: url(../images/login.png);margin: auto;left: 50%;margin-left: -314px;top: 15%;}
.bs-login-modal-sm #boxlogin {position: relative;height: 100px;margin-top: 135px;width: 90%;}
.bs-login-modal-sm #boxlogin #navbar_username{position: absolute;top: 8px;right: 55px;width:200px;padding: 5px}
.bs-login-modal-sm #boxlogin #navbar_password{position: absolute;top: 8px;right: 335px;width:200px;padding: 5px}
.bs-login-modal-sm #boxlogin .chkbox2 {display: none;}
.bs-login-modal-sm #boxlogin .buttonx2 {position: absolute;bottom: 0px;left: 11px;right: inherit;top: inherit;height: 45px;width: 70px;}
#modal-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;display: none;height: 100%;width: 100%;z-index: 9999;background: rgba(93,89,83,.3);background: radial-gradient(ellipse closest-corner,rgba(93,89,83,.3),rgba(93,89,83,.85));transition: opacity .4s ease-in-out;}
#modal-overlay.visible {opacity: 1!important;display: inline-block!important;}
.bs-login-modal-sm.visible {opacity: 1!important;display: inline-block!important;}
@media (max-width: 850px)
{
    .header-bg {height: 400px;background-position:top}
    div.header-menu {position: relative;float: none;text-align: center;width: 100%;}
    div.header-menu ul li {float: none;display: inline-block;margin: 0px 0px;width: auto;padding: 0 3px;}
    div.header-menu ul li a {width: auto;}
    .header-r {
	width: 100%;
	background-position: center top;
	height: 400px;
}
    .header-l {background-image: none;width: 100%;position: relative;height: initial;display: block;clear: both;}
    .hijri {height: 100px;position: relative;clear: both;margin: auto;}
    .box-users-logreg {position: relative!important;display: inline-block;bottom: auto;top: -89px;left: -10px;text-align: center;margin: auto;width: 97%;}
    div.social {text-align: center;display: block;width: 100%;margin: 20px 0 0 0;}
    div.social ul {width: 100%;display: block;}
    div.social li {display: inline-block;float: none!important;}
    img {max-width: 100%!important;}
    .bannersz {width: 98%!important;text-align: center!important;margin: auto!important;height: auto!important;}
    a.banner1 {max-width: 100%;margin: 0 auto;float: none;}
    a.banner2 {max-width: 100%;margin: 0 auto;float: none;}
    .bannersz img {margin: 0 auto 10px auto !important;max-width: 100%!important;}
    table {max-width: 100%;overflow: hidden;position: relative;}
    #navbar_search {display: none;}
    #usercptools {display: none;}
    #community {display: none;}
    .footer-r {
	width: 100%;
	float: none;
}
    div.footer-menu {width: 90%;padding: 0 5%;margin-right: auto;margin-left: auto;float: none;display: inline-block;margin-top: 200px;}
    div.footer-menu p {float: none;display: block;}
    div.footer-menu ul {float: none;display: block;width: 100%;margin: 0 auto;text-align: center;}
    div.footer-menu ul li {float: none;display: inline-block;text-align: right;margin-left: 7px;}
    .footer-r span {/* margin-top: 261px; */
    float: none;/* display: none; */
    text-align: center;
    display: block;margin-right: 0;}
    .footer-l {background-position: top center;height: 230px;float: none;width: 200px;margin: 20px auto;background-image: url(../images/footer-l2.jpg);background-repeat: no-repeat;}
    .lamsat {height: 50px;margin-top: 0;}
    .frd9 {text-align: center}
    .phoneimgthead {width: 13%!important;}
    .infobox2 {width: 254px;float: none;margin: auto;margin-top: 350px}
}
@media (max-width: 780px)
{
    .bs-login-modal-sm {opacity: 0;display:  none;position: fixed;z-index: 999999;-webkit-overflow-scrolling: touch;outline: 0;width: 344px;height: 175px;background: url(../images/login2.png);margin: auto;left: 50%;margin-left: -172px;top: 12%;}
    .bs-login-modal-sm #boxlogin {position: relative;height: 120px;margin-top: 27px;width: 100%;}
    .bs-login-modal-sm #boxlogin #navbar_username{position: absolute;top: 8px;right: auto;width:150px;padding: 5px;left: 15px;}
    .bs-login-modal-sm #boxlogin #navbar_password{position: absolute;top: 48px;right: auto;width:150px;padding: 5px;left: 15px;}
    .bs-login-modal-sm #boxlogin .chkbox2 {display: none;}
    .bs-login-modal-sm #boxlogin .buttonx2 {position: absolute;bottom: 0px;left: 11px;right: inherit;top: inherit;height: 34px;width: 50px;}
}
@media (max-width: 550px)
{
    div.social {margin: 50px 0 0 0;}
    .frd2, .frd3, .frd4, .frd7, .frd8 {}
    .header-r {
	background: url('../../lamsat-ramadan2019/images/loge.png') no-repeat center
top !important;
	width: 100%;
}
    .header-r {
	width: 100%;
	background-position: center top;
	height: 700px;
}

    .header-bg {height: 700px;background-position:top}
    .frd9 {}
    .pcmode {display: none;}
    .phonemode {display: block;}
    .phonemode {width: 100%!important;text-align: center!important;background: #4a1f85;padding: 10px 0;}
    .phonenobg {background: transparent;}
    .phonemode div {text-align: center!important;padding: 5px;}
    .phonetdtitle {line-height: 1.6}
    .moreinfoforum {background: none;}
    .moreinfoforum ul {border-top: 1px solid #4a1f85;text-align: right!important;}
    .moreinfoforum ul li div {text-align: right!important;}
    .moreinfoforum ul li {text-align: right;}
    .moreinfoforum ul li.limodetitle {background: #4a1f85;padding: 5px;text-align: right;color: #fff;font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;text-shadow: 0px 1px 0px #000;}
    .moreinfoforum ul li span.title {display: inline-block;width: 60px;padding: 2px;margin-left: 5px}
    td.threadtitle {text-align: right!important}
    .phone_forum_rules {width: 280px;text-align: center;margin: auto;}
    .phone_forum_rules table {width: 280px;margin-bottom: 10px}
    .phone_forum_rules select {margin-top: 10px;margin-left: 10px}
    .infobox2 {margin-top: 390px;}
    div.social ul li {display: inline-block;float: none}
    div.header-menu ul li a {font-size: 14px;}
    div.footer-menu ul {width: 100%;float: none;display: block;text-align: center}
    div.footer-menu ul li {margin: 0px 0;padding: 0;display: block;text-align: center;width: 100%;}
    .tdphone {text-align: center!important}
    .tdphone select {margin-top: 5px;width: 250px;margin-left: 5px}
    .alt1 select {font-size: 10px;padding: 8px 2px;margin-top: 5px}
    div.ser .bginput {width: 150px;}
    .phonecount {background: #4a1f85;display: inline-block;width: 49%;padding: 0;margin: 0;padding: 3px 0;text-align: center;border-radius: 4px;}
    .phonecount span {width: auto!important;margin-right: 5px;margin-left: 10px!important;}
    img.iconphonemode {max-width: 16px!important;display: inline-block!important;}
    .borderrightphone {border-right: 1px solid rgba(61, 74, 83, 0.71); }
    .phoneshowmode {display: block;}
    .phoneshowmode td{width: 762px;}
    select.motomega {width: 210px;margin: 5px 0 5px 5px}
    .page.phonemode select {max-width: 100%}
    .tooltip {display: none!important;}
    #cal_mode img , #add_event img {display: none;}
    #cal_mode,  #cal_mode, #add_event {font-size: 10px}
}


@media (max-width: 450px)
{
    .header-r {background: url(../images/header-r2.png) no-repeat center top !important;width:100%;}
    .footer-l{
	display: none;
}

.footer-bg {
    background: url('../../lamsat-ramadan2019/images/f2.png') repeat-x center top;
}
.frd6 {
    background: url('../../lamsat-ramadan2019/images/frd6-2.png') no-repeat right top;
}

.ri2 {
	margin: 0px auto 0px auto;
	background-image: url('../../lamsat-ramadan2019/images/ri.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
.ri2 form{
	border-width: 0px;
}
.ri2 form input{
	padding: 0px;
	margin: 0px;
	display: block;
	border-width: 0px;
	background-color: #381d4f;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;

}
.ri2 form input.c12{
	background-image: url('../../lamsat-ramadan2019/images/ss1.png');
	width: 225px;
	height: 24px;
}
.ri2 form input.c22{
	background-image: url('../../lamsat-ramadan2019/images/ss2.png');
	width: 225px;
	height: 24px;
}
.ri2 form input.c32{
	background-image: url('../../lamsat-ramadan2019/images/ss3.png');
	width: 87px;
	height: 24px;
}
.fo2{
	width: 233px;
	margin: 0px auto 0px auto;
}
.cc12 {
	background-image: url('../../lamsat-ramadan2019/images/cc1.png');
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
}
.hinone2 {
	display: block;
}

.hinone {
	display: none;
}

.bner {
	display: none;
}

.register-popup  {
	display: none;
}

.ri {
	display: none;
}

.ri2 {
    display: block;
}

}