﻿
	@media screen and (max-width:910px) {

/*جديد من أجل أن الموبايل لا يعرض إلا الوسط*/		
		      /*#right-col-mudawat, #right-col-mudawat2, #right-col-mudawat5, ثلاثة فقط تحتاج للتعامل معها*/
		
	          /*#right-col-mudawat, #right-col-mudawat2, #right-col-mudawat3, #right-col-mudawat4, #right-col-mudawat5*/	
    #left-22-0, #right-col-mudawat, #right-col-mudawat2, #right-col-mudawat5, #pic-main-right {
        display: none;
    }
    /* then add upper width to : body-57-0*/
    #was_part0_mukarrar, #pic-main-left, #body-57-7, #is_part4_mukaddima, #mawadee_ukhra {
        width: 89.6%; /*100% - (5.2 + 5.2))*/
    }


    /*إخف شريط يمين زر البحث للإفساح للروابط الرئيسية*/
    #default_url_link_enlarger {
        display: none;
    }
    /*بعد الإخفاء العلوي زد في شريط الروابط الرئيسية*/
    #default_url_link {
        width: 48.5%; /* @1600  width: 24.5%;    +    width: 48.5%;  +    width: 31.9%; */
    }

    /*@910   #display-juzu-onright*/
    #display-bab-onleft, #display-juzu-onright {
        width: 0%;
    }

    #display-page-oncenter {
        width: 100%;
    }

    #display-bab-onleft {
        display: none;
    }

    #display-juzu-onright {
        display: none;
    }


    /*#ihk-5-to-11 + #ihk-contents:  هذا آي دي في الإحكام وهناك ملغي وهو يخص أزرار من 5 إلى 11*/

    #ihk-5-to-11, #ihk-contents, #shareet-de-aya {
        display: none;
    }

    /* @700*/
    #right-main-kurduba { /*Was .rright*/
        display: block; /*Was @1250 display: none;*/
    }

    .mmain {
        float: left;
        width: 25%; /*Was @1250 75%*/
    }

    /*الجانب الأوسط من فقرة شعر أنبياء في ص ديفولت*/
    #main-head-left, #main-head-right, #main-head-center {
        height: auto;
    }
    /* @910_849 إخفاء الجانب الأيمن والجانب الأيسر من فقرة شعر أنبياء في ص ديفولت */
    #main-head-left, #main-head-right {
        display: none;
    }


    #header-left, #header-right {
        display: none;
    }
    /*يظهر شريط تصفح الشعر والأنبياء في حال الموبايل*/
    #poem-section-mobile {
        display: block;
    }

    #Ttxt_prophet {
        font-size: 19pt;
        /*background-color: chartreuse;*/
    }

    #txt_prophet {
        font-size: 19pt;
        /*background-color: chartreuse;*/
    }

    .lleft, .mmain, .rright, .mmain1, .mmain2 {
        width: 100%; /* The width is 100%, when the viewport is 910px or smaller */
    }

    .lleft {
        border-bottom: #e6e6e6 1px solid; /*#a3a5a9*/
    }
}


@media screen and (max-width:910px) {
    /*الجانب الأوسط من فقرة شعر أنبياء في ص ديفولت*/
    #main-head-center {
        height: auto;
    }

    /*
        14 Mar #pic-mawadee-muktara-min-kitab {
            display: none;
        }*/

    /*
            .right_kut {
                width: 0%;
            }*/

    #mawadee-muktara-min-kitab4 {
        display: none;
    }

    .main1_kut {
        width: 100%;
    }

    #id_main1_kut {
        padding-left: 8.2%;
        padding-right: 8.2%;
    }


    .Mmmain, .rright-3-col {
        width: 100%; /* The width is 100%, when the viewport is 910px or smaller */
    }

    .lleft {
        border-bottom: #e6e6e6 1px solid; /*#a3a5a9*/
    }
}


@media screen and (max-width:910px) {
    .left2, .main2, .right2 {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:910px) {
    .left4, .main4, .right4 {
        width: 100%;
    }
}


@media screen and (max-width:910px) {
    .left5, .main5, .right5 {
        width: 100%;
    }
}


@media screen and (max-width:910px) {
    .left_kut, .main1_kut, .main2_kut, .right_kut {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:910px) {
    .left_poetry, .main_poetry, .right_poetry {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:910px) {
    .left_ikhtartu_lakum, .main_ikhtartu_lakum, .right_ikhtartu_lakum {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:910px) {
    .left_book, .main_book, .right_book {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:910px) {
    .left_footer, .main_footer, .main2_footer, .right_footer, .leftmargine_footer, .rightmargine_footer {
        width: 100%;
    }
}


@media screen and (max-width:910px) {

    .taqreeb, .ihkam, .fisal, .muhalla, .kutub, .rasael, .others {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}


@media screen and (max-width:850px) { /*max-width:800px*/


    /*@700 ???? ??? ?? ????? ?????? ???? ????? ???? ?? ??? ?????? ??? ??? ??????? */
    /*850 ????? ??*/
    /*700 ??? ?? ????? ??*/
    #margine-link1 {
        display: none;
    }

    #link1 {
        width: 24.5%; /*18.9% + 5.6*/
    }

    /*عدّل عرض إسم العنوان العلوي عند السكرول داون*/
    #link3-child, #link5-child {
    }

    #link11-child {
        width: 24%; /*in Master code width:18%;*/
        /*background-color:red;*/
    }


    /* @700 ?????? ????? ?? ???? 1600 ??? - ?????? ???? ??? ??????*/
    /*??? ??? ????? ??? ?????*/

    /* @700 ?????? ?????? ??????? ????? ???? ?? ??? ?????? ???? ??????*/
    /*#main-head-left {
            height: 510px;*/
    /*display: block;*/
    /*}*/


    /*??? ?????? ??????? ????? - ?????? ?????? ?? ?????*/
    /*??????? ?????? ?????? ???? ??????? ??????
        # 14Mar pic-mawadee-muktara-min-kitab {
            display: none;
        }*/
    /*??? ???? ?????? ?????*/
    /*?????? ??????? ??????
            .right_kut {
                width: 0%;
            }*/
    /*??? ??????? ??? ??????? ???????? ??? ??? ??? ????*/
    /*??? ?? ????? ?????? ??????
                                                    #brief7_title {
                                                        font-size: 28pt;
                                                    }*/


    #mawadee-muktara-min-kitab4 {
        display: none;
    }


    /*???? ???? ?????? ???????*/
    .main1_kut {
        width: 100%;
    }
    /*???? ???? ???? ?????? ???????*/
    #id_main1_kut {
        padding-left: 8.2%;
        padding-right: 8.2%;
    }


    /*850 ???? ?? ????? ??
        #margine-link1 {*/
    /*width: 30px;*/ /*ORG Was 5.6%; ??? ??? ??? ????? ????? ????? ??????? ??? ??? ???? ??????? ??? ?? ???? ????? ??? ???? ?? ???? 700  */
    /*background-color: goldenrod;*/
    /*}*/

    /*hides only the pic inside div id="margine-link1" */
    #id_search {
        display: none;
    }

    /*mean time enlarge width of link1-menu1: 30px*/
    #link1-menu1 {
        /* @1600   width: 31.9%;    +   @850 width: 47.5%;   +    @700 width: 31.9%;*/
        width: 47.5%;
    }


    /*
        #right-to-links {
        	float:left;
            width:0%;
        }*/


    /*850*/
    /*        #link1-menu1 {  */
    /* @1600   width: 18.9%;    +   @850 width: 21.9%;   +    @700 width: 13.4%;*/
    /*            width: 34.9%;  */ /*34.9%;*/
    /*        }  */
}


@media screen and (min-width:849px) { /*WAS min-width:799px*/

	/*المحاضرة اللغة العربية عبد الحميد*/

		    /*.ibnuhazm_______Noto Nastaliq Urdu خط أوردو*/
			  .ibnuhazm {
			                /*Noto Nastaliq Urdu  -  'Amiri Quran'  -  Aref Ruqaa Ink*/
				font-family: 'Noto Nastaliq Urdu', 'Tahoma', 'Simplified Arabic';
				font-size: 16pt; !important;
				font-weight: 500;
				line-height: 45px;	
				color:goldenrod;
			  }			
		
	    	/*.ibnuhazm2______Aref Ruqaa Ink أحمر للغة العربية*/
			  .ibnuhazm2 {
				font-family: 'Aref Ruqaa Ink', 'Tahoma', 'Simplified Arabic';
				font-size: 16pt; !important;
				font-weight: 500;
				line-height: 45px;	
				color:goldenrod;
			  }
                                              /* ??????
                                              .lleft {
                                                border-right:#a3a5a9 1px solid;
                                              } 
                                              .rright {
                                                border-left:#a3a5a9 1px solid;
                                              }
                                              */
    .mmain {
        border-right: #d9d9d9 1px solid; /*???? ?????#d9d9d9 */ /*#a3a5a9 ????*/
        border-left: #d9d9d9 1px solid; /*???? ?????#d9d9d9 */ /*#a3a5a9 ????*/
    }
}