﻿
@media screen and (max-width:700px) {

    /*زيادة*/
    #link3-child, #link5-child {
        display: none;
    }

    #link11-child {
        width: 44%; /*in Master code width:18%;*/
        /*background-color:blue;*/
    }

    /*إخف شريط يمين زر البحث للإفساح للروابط الرئيسية*/
    #default_url_link_enlarger {
        display: none;
    }
    /*بعد الإخفاء العلوي زد في شريط الروابط الرئيسية*/
    #default_url_link {
        /*padding-left: 40px;*/ /*Or padding-left: 0px;*/ /*float:left*/
        width: 64.0%; /* @1600  width: 24.5%;  +    width: 48.5%;  +    width: 88.8%; */
        /*display: none;*/
    }

    #black-shareet3 {
        /*height:400px;*/ /* auto NOR 100%*/
    }

    #black-shareet, #black-shareet2, #black-shareet3 {
        width: auto;
    }

    #img-in-black-shareet, #img-in-black-shareet2, #img-in-black-shareet3 {
        width: 0%;
    }


    /*document.getElementById("mawadee_ukhra").style.display = ('block');*/

    #container-poetry, #rasasi-above-poetry, #rasasi-bellow-poetry {
        display: block; /*Org قبل السوايب display: none;*/
    }

    #rasasi-new-shareet {
        display: block;
    }


    /*@700   #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;
    }


    /*____________________Begin shrink______________________________*/
    #right-space-2 {
        display: none; /*2%*/
    }

    #pic-main-right {
        width: 0px;
    }

    #pic-main-left {
        width: 89.6%;
    }

    #body-57-7 {
        width: 89.49%;  	/*width: 89.6%;*/ /*مقارنة بالباقي*/ /*لماذا ليس*/
    }
    /*____________________End shrink______________________________*/



    /*____________________Begin shrink______________________________*/
    /*#right-col-mudawat3*/

    #right-col-mudawat, #right-col-mudawat2, #right-col-mudawat3, #right-col-mudawat4, #right-col-mudawat5 {
        display: none;
    }
    /* then add upper width to : body-57-0*/
    #was_part0_mukarrar, #is_part4_mukaddima, #is_part6_mukaddima, #mawadee_ukhra, #fis_post_munazara {
        width: 89.6%; /*100% - (5.2 + 5.2))*/
    }



    /*#left-col-mudawat2*/
    #left-col-mudawat, #left-col-mudawat2 {
        padding-top: 90px;
    }

    /*#mid-col-mudawat*/
    #mid-col-mudawat, #mawadee_ukhra {
        /*padding-left: 7.2%;
            padding-right: 7.2%;*/
    }

    /*____________________End shrink______________________________*/

    /* End*/



    #search-menu3 {
        width: 22%; /*in @1600 width: 5.5%;*/
    }

    /*يظهر شريط تصفح الشعر والأنبياء في حال الموبايل*/
    #poem-section-mobile {
        display: block;
    }

    #Ttxt_prophet {
        font-size: 16pt;
        /*background-color: #131313;*/
    }

    #txt_prophet {
        font-size: 16pt; /*approved*/
        /*background-color: #131313;*/
    }


    /************************* Begin****************************/

    /* (A) Begin Part I Leftside Poem*/
    /*===============================*/

    #wa_kala_title {
        display: none;
    }

    #wa_kala_poem {
        display: none;
    }


    #space-poem0 {
        height: 0px;
    }

    #pic-poem1 {
        display: none;
    }

    #space-poem1 {
        height: 0px;
    }

    #pic-poem2 {
        display: none;
    }

    #space-poem2 {
        height: 0px
    }

    #pic-poem3 {
        display: none;
    }
    /*#space-poem3*/


    /* @700 إخفاء الجانب الأيمن والجانب الأيسر من فقرة شعر أنبياء في ص ديفولت */
    #main-head-left, #main-head-right {
        display: none;
    }


    /*
        #header-left {
            display: none;
        }*/

    #poem-section-left {
        height: auto;
    }
    /*End Part I Leftside Poem*/



    /* (B) Begin Part II Middle Poem*/
    /*==============================*/

    /*الجانب الأوسط من فقرة شعر أنبياء في ص ديفولت*/
    #main-head-center {
        height: auto;
    }

    #main_title_in_xml_prophet {
        display: none;
    }
    /*#title_prophet {
            display: block;
        /*}*/

    #main_title_in_mobile {
        display: block;
    }
    /*End Part II Middle Poem*/



    /* (C) Begin Part III Rightside Poem*/

    #kala_title, #kala_title-mobile {
        display: none;
    }

    #kala_poem, #kala_poem-mobile {
        display: none;
    }


    #space-poem00, #space-poem00-mobile {
        height: 0px;
    }

    #pic-poem4, #pic-poem4-mobile {
        display: none;
    }

    #space-poem4, #space-poem4-mobile {
        height: 0;
    }

    #pic-poem5, #pic-poem5-mobile {
        display: none;
    }

    #space-poem5, #space-poem5-mobile {
        height: 0;
    }

    #pic-poem6, #pic-poem6-mobile {
        display: none;
    }
    /*#space-poem6*/

    #main-head-right-mobile {
        height: auto;
        display: block;
    }


    #main-head-right {
        height: auto;
        /*display: none;*/
    }

    #header-right, #header-right-mobile {
        display: none;
    }

    #poem-section-right, #poem-section-right-mobile {
        height: auto;
    }

    #three-poems-for-mobile {
        display: block;
    }
    /*End Part III Rightside Poem*/



    /*
            14Mar #pic-mawadee-muktara-min-kitab {
                display: none;
            }*/

    /*
                .right_kut {
                    width: 0%;
                }*/


    /*1*/
    #head-mobile {
        font-size: 20pt;
    }

    #div-bism {
        font-size: 20pt;
    }

    #brief7_title {
        font-size: 20pt; /*font-size: 28pt;*/ /* font-size: 14pt;*/
    }


    /*
            #mawadee-muktara-min-kitab4 {
                display: none;
            }
            */

    .main1_kut {
        width: 100%;
    }

    #id_main1_kut {
        padding-left: 8.2%;
        padding-right: 8.2%;
    }

    #default_url_link {
        /*width: 5.6%;*/
    }

    #search-menu3 {
        display: none;
    }

    #id_menu3_header {
        padding-left: 30px;
        width: 71.5% /* in @1600 width:66%;   -    @700 width:71.5%*/
    }

    #link8 {
        width: 7.4% /* in @1600 width:13%;   -    @700 width:7.4%*/
    }

    #link2 {
        width: 10.7%; /* in @1600 width:5.1%;   -    @700 width:10.7%*/
    }




    /*___________________________________________إظهار التصفح بطريقة سوايب عند الموبايل*/
    /*1 أظهر مصدر سوايب علوي*/
    #container_swipe_header {
        display: flex; /* Must be flex - No visibility: visible; - NO display:block;*/
    }
    /*2 أظهر كونتينر مصدر سوايب سفلي*/
    #container_swipe_footer {
        display: flex; /* NO flex - NO display:block;*/
        visibility: visible; /*Must be visibility: visible;*/
        padding-right: 45px; /* needs padding-right:45px*/
    }

    /*___________________________________________إخفاء التصفح بطريقة الأزرار عند الموبايل*/
    /*1 إخفِ مصدر أزرار علوي*/
    #btns_header {
        visibility: hidden; /*Must be visibility*/
    }
    /*2 إخفِ مصدر أزرار سفلي
									#btns_footer {
										display: block;
									}*/

    /*2 إخفِ مصدر كونتينر أزرار سفلي*/
    #container_btns_footer {
        display: none;
    }




    /*_________________ Begin____________________*/
    /* Menu#1*/
    h3 {
        right: 60px;
        top: 5px; /*top: -4x;*/
        font-size: 12pt;
    }
    /* Menu#3 with 4 links*/
    h1 {
        right: 60px; /*in @1600: 90*/ /*at scroll down her-codw changes in Func*/
        top: -5px; /* -16px;*/
        font-size: 12pt;
    }
    /* Menu#2 scroll down*/
    h4 {
        right: 60px;
        top: -1px; /*top: -12px;*/
        font-size: 12pt;
    }
    /*_________________ Begin ____________________*/



    #link1-menu1 {
        /* @1600   width: 31.9%;    +   @850 width: 47.5%;   +    @700 width: 31.9%;*/
        width: 31.9%;
    }


    /*
                #hide-kutub, #hide-rasael, #hide-ukhra {
                    display: none;
                }*/

    /*ألغيت #right-to-links {
            display: block;
        }*/



    /*
                        #margine-link1-left-menu1 {
                            width: 0%
                        }
                        #default_url_link { //700 ???? ??????? ???????? ???? ??
                            display: none;
                            width: 0%
                        }
                        #default_url_link_enlarger { // ???? ????? ?? ?????
                            width: 11.5%;*/ /*61.5%;*/
    /*background-color:  coral;
                        }*/



    /*
                        #container-menu {
                            display: none;
                        }*/
    /*
                        #container-menu3 {
                            display: block;
                        }
        
                            #id_menu3_header {
                                display: block;
                            }*/
    /*
                        #margine-link1-left-menu2 {
                            width: 0%
                        }
                        #margine-link1-left-menu3 {
                            width: 0%
                        }*/



    /* =============== H3 small logo ======= */
    /*h1 {*/
    /*right: 45px;*/ /*75px;*/
    /*}

        h3 {
            right: 45px;
        }

        h4 {
            right: 45px;
        }*/
    /*________________________________________*/


    .body-57-7 {
        width: 100%;
        float: left;
        padding-right: 15px;
    }

    /* for desktop: 61.7%,  -  for mobile width: 89.6%;*/
    .body-61-7 {
        width: 89.6%;
        float: left;
        /*padding-right: 15px;*/
    }


    /* 2%*/

    .body-67-6 {
        width: 100%;
        float: left;
        padding-right: 15px;
    }

    /* for desktop: 71.6%,  -  for mobile width: 89.6%;*/
    .body-71-6 {
        width: 89.6%; /* Org 100%*/
        float: left;
        /*padding-right: 15px;*/
    }

    /* 2% */

    .body-65-4 {
        width: 100%;
        float: left;
        padding-right: 15px;
    }


    /*_____________________________________________________________________*/
    /************************* Begin ****************************/
    /*_____________________________________________________________________*/

    /*_________________________PART I______________________________________*/


    #left-20-0 {
        display: none;
        /*background-color: yellow;*/
    }

    #left-22-0 {
        display: none;
        /*background-color: darkorchid;*/
    }
    /* 2%*/

    #left-10-1 { /*Was .left-10-1*/
        display: none;
    }


    #left-12-1 {
        display: none;
    }
    /* 2%*/



    /*PART II _____________________________________________*/
    #right-11-1 { /*Was .right-11-1*/
        display: none;
    }

    #right-11-1_a { /*Was .right-11-1_a*/
        display: none;
    }

    #right-11-1_b { /*Was .right-11-1_b*/
        display: none;
    }

    #right-11-1_c { /*Was .right-11-1_c*/
        display: none;
    }
    /*______________________________________________________________*/



    #id_search {
        display: none;
    }

    /*PART III ___________________________________________________________________*/
    /*_________________ style_new1.css_____________________*/
    .subleftmargin {
        display: none;
    }
    /* margin-book !*/
    .sub2leftmargin {
        display: none;
    }

    .subleft {
        display: none;
    }

    .submain {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .subright {
        display: none;
    }


    /*_________________ style_new1.css _____________________*/
    .sub2left {
        display: none;
    }

    .sub2main {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .sub2right {
        display: none;
    }
}


@media screen and (max-width:600px) {

/*المحاضرة اللغة العربية عبد الحميد*/

		    /*.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;
			  }
	
	
	
    #bab, #juzu {
        display: none;
    }
}
