﻿
    @media screen and (max-width:1350px) {

/*جديد من أجل أن الموبايل لا يعرض إلا الوسط*/		
		      /*#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))*/
    }

        /*#ihk-5-to-11 + #ihk-contents:  هذا آي دي في الإحكام وهناك ملغي وهو يخص أزرار من 5 إلى 11*/

        #ihk-5-to-11, #ihk-contents, #shareet-de-aya {
            display: none;
        }			
		
        #link11-child {
            width:24%; /*in Master code width:18%;*/
			/*background-color:yellow;*/
        }		
		
        /* @1600 الجانب الأوسط من فقرة شعر أنبياء في ص ديفولت*/
        #main-head-left, #main-head-right, #main-head-center {
            height: 510px;
        }
        /* @1600 إظهار الجانب الأيمن والجانب الأيسر من فقرة شعر أنبياء في ص ديفولت */
        #main-head-left, #main-head-right {
            display: block;
        }
		
        /*إخف شريط يمين زر البحث للإفساح للروابط الرئيسية*/
        #default_url_link_enlarger {
            display: none;
        }
        /*بعد الإخفاء العلوي زد في شريط الروابط الرئيسية*/
        #default_url_link {
            width: 48.5%; /* @1600  width: 24.5%;    +    width: 48.5%;  +    width: 31.9%; */
        }
		
		/*يخفي شريط تصفح الشعر والأنبياء في حال الدسك توب*/ 
        #poem-section-mobile {
            display:none;
        }
		
        #Ttxt_prophet {
            font-size: 18pt;
            /*background-color: blue;*/
        }

        #txt_prophet {
            font-size: 18pt; /*approved*/
            /*background-color: blue;*/
        }

        #hide-kutub {
            display: none;
        }
    }

    @media screen and (max-width:1250px) {

        #Ttxt_prophet {
            font-size: 17pt;
            /*background-color: green;*/
        }

        #txt_prophet {
            font-size: 17pt;
            /*background-color: green;*/
        }

        #hide-kutub {
            display: none;
        }

        #pic-mawadee-muktara-min-kitab {
            display: none;
        }
												/*
                                                #brief7_pic {
                                                    display: none;
                                                }*/
												/*
                                                #brief7_link {
                                                    display: none;
                                                }*/
        .right_kut {
            width: 0%; /*Was ORG 45%  15%;*/
        }


        /*#mawadee-muktara-min-kitab4 {
            /*display: none;*/
        /*}*/

        .main1_kut {
            width: 65%; /*35%;*/
        }

        #id_main1_kut {
            padding-left: 0%;
            padding-right: 0%;
        }


        #right-main-kurduba { /*Was .rright*/
            display: none; /*id="id="right-main-kurduba"*/
        }

        .mmain {
            float: left;
            width: 75%; /*ORG 25%*/
        }
    }


    @media screen and (max-width:1150px) {

        #Ttxt_prophet {
            font-size: 15pt;
            /*background-color:   brown;*/
        }

        #txt_prophet {
            font-size: 15pt;
            /*background-color: red;*/
        }
    }

    @media screen and (max-width:1050px) {
		
            /* #container-of-white-black {
                    display: block;
            }*/
            
        #flex_3_div_order {
            display: flex;
            /* Optional, if you want the DIVs 100% width: */
            flex-direction: column;
        }

            #flex_3_div_order > #lleft {
                order: 2;
            }

            #flex_3_div_order > #intro {
                order: 1;
            }

            #flex_3_div_order > #right-main-kurduba {
                order: 3;
            }


        #flex_4_div_order {
            display: flex;
            /* Optional, if you want the DIVs 100% width: */
            flex-direction: column;
        }

            #flex_4_div_order > #lawla_shahadat_kutub {
                order: 4;
            }

            #flex_4_div_order > #mawduat_mutamayza_a {
                order: 3;
            }

            #flex_4_div_order > #mawduat_mutamayza_b {
                order: 2;
            }

            #flex_4_div_order > #kalu_an_hazm {
                order: 1;
            }

        #my_flex {
            display: flex;
            /* Optional, if you want the DIVs 100% width: */
            flex-direction: column;
        }

            #my_flex > #my_a { /*ibtal_takleed*/
                order: 3;
            }

            #my_flex > #my_b { /*ibtal_kiyas*/
                order: 2;
            }

            #my_flex > #my_c { /*had_la_taseh*/
                order: 1;
            }



        #flex_4_div2_order {
            display: flex;
            /* Optional, if you want the DIVs 100% width: */
            flex-direction: column;
        }

            #flex_4_div2_order > #id_left_footer {
                order: 4;
            }
        
            #flex_4_div2_order > #id_main_footer {
                order: 3;
            }

            #flex_4_div2_order > #id_main2_footer {
                order: 2;
            }

            #flex_4_div2_order > #id_right_footer {
                order: 1;
            }
                                    /* 100%*/
                                    /* @media 1600px*/
                                    .lleft_lex_4_div2_order {
                                        width: 100%;
                                        text-align:right;
                                    }

                                    .mmain1_lex_4_div2_order {
                                        /*padding: 20px 28px 10px 28px;*/
                                        width: 100%;
                                        text-align:right;
                                    }

                                    .mmain2_lex_4_div2_order {
                                        /*padding: 20px 28px 10px 28px;*/
                                        width: 100%;
                                        text-align:right;
                                    }

                                    .rright-3-col_lex_4_div2_order {
                                        /*padding: 20px 8.2% 10px 28px;*/
                                        width: 100%;
                                        text-align:right;
                                    }


            #flex_2_div_order {
                display: flex;
                /* Optional, if you want the DIVs 100% width: */
                flex-direction: column;
            }
                #flex_2_div_order > #flex_black {
                    order: 2;
                }
                #flex_2_div_order > #flex_white {
                    order: 1;
                }


            #Ttxt_prophet {
                font-size: 13pt;
                /*background-color:  yellow;*/
            }

            #txt_prophet {
                font-size: 13pt;
                /*background-color: yellowgreen;*/
            }
        }


                            @media screen and (min-width:1050px) {

                                    /* #container-of-white-black {
                                        display: block;
                                    }*/

                            }

    .left2 {
        padding: 0px 30px 0px 50px;
        float: left;
        width: 28%;
        height: 510px;
    }
    /*was width:30%*/

    .main2 {
        padding: 0px 0px 0px 0px;
        float: left;
        width: 44%;
        height: 510px;
    }
    /*was width:40%*/

    .right2 {
        padding: 0px 50px 0px 30px;
        float: left;
        width: 28%;
        height: 510px;
    }
    /*was width:30%*/


    .subleftmargin {
        width: 5.2%; /*background-color: Aqua*/
    }

    .subleft {
        width: 22.0%;
        padding: 0px 26px 0px 6px; /*background-color:  Fuchsia*/
    }

    .submain {
        width: 61.7%;
        padding: 0px 25px 0px 25px; /* background-color: Aqua*/
    }

    .subright {
        width: 11.1%;
        border-left: #e6e6e6 1px solid /*#a3a5a9*/
    }
    
    .sub2left {
        width: 15.4%; /*background-color: Yellow*/
    }

    .sub2main {
        width: 71.0%;
        padding: 0px 25px 0px 35px;
    }

    .sub2right {
        width: 11.1%;
        border-left: #e6e6e6 1px solid /*#a3a5a9*/
    }

    .sub2leftmargin {
        width: 2.5%; /*background-color: Aqua*/
    }
    

    .lleft {
        padding: 20px 28px 10px 8.2%;
        float: left;
        width: 25%;
    }
    /* ORG
        .mmain {
            padding: 0px 25px 10px 25px;
            float: left;
            width: 50%;
        }
        */
    
    .mmain1 {
        padding: 20px 28px 10px 28px;
        float: left;
        width: 25%;
    }
    
    .mmain2 {
        padding: 20px 28px 10px 28px;
        float: left;
        width: 25%;
    }


    /*default 
                .rright {
                    padding: 20px 8.2% 10px 25px;
                    float: left;
                    width: 25%;
                    display: block;*/ /*id="id="right-main-kurduba"*/
    /*}*/

    .rright-3-col {
        padding: 20px 8.2% 10px 28px;
        float: left;
        width: 25%;
    }
