@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../Fonts/DroidKufi-Regular.eot);
    src: url(../Fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
            url(../Fonts/DroidKufi-Regular.woff2) format('woff2'),
            url(../Fonts/DroidKufi-Regular.woff) format('woff'),
            url(../Fonts/DroidKufi-Regular.ttf) format('truetype');
}

.main-width{
    width:90%;
    margin-top:5px;
    
    /*to fix IE*/
    margin-right:auto;
    margin-left:auto;
}

.body-migrate{
    padding-top:40px;
    background-color:#fff;
}

nav {
    margin: 5px auto; 
    text-align: center;
    background:#fff;
}
nav ul {
    list-style: none;
    -webkit-padding-start: 0px;
    margin:3px 0px;
}
nav li {
    display: inline-block;
}
nav select {
    display: none;
}

.ddl-menu {
    -webkit-appearance: none;  
    -moz-appearance: none; 
    color: #000; 
    font-family:Tahoma;
    font-size: 15px;

    border: none !important;  
    padding:4px 2px; 
    background: url(../images/menuicon.png) no-repeat center; 
    background-size: 29px 20px;
    width:29px;
    direction:rtl;
}

select::-ms-expand {
    display: none;
}
select::-ms-value {
    background: none; 
    color: #000;
}

.header{
    height:171px; 
    display:flex;
    display: -ms-flexbox;
    text-align:center;
    text-align: -webkit-center;
    background-color: #F7FAFF;/*#e9ecf3;*/
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radious:5px;
    border: 1px solid #afbab5;
    /*background-color:rgba(79, 146, 79, 0.48);
     box-shadow:2px 4px 2px 0px rgba(224,217,224,0.67);
    display: -webkit-inline-box;*/
}

.header-part{
    width:33%;
}

.margi-top30{
    margin-top:30px;
}

.margi-top50{
    margin-top:50px;
}

.logo{
    height:171px;
    width:200px;
    border:0;
}

.text-font{
    font-family: "Droid Arabic Kufi";
    font-size: 20px;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: black;
}

.body{
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.master-content{
    border: 1px solid #afbab5;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radious:5px;
    min-height:500px;
    /*background-image:url('../images/BackGround.png');
    background-position:center;
    background-repeat:no-repeat;*/
    background-color: #F7FAFF;/*#e9ecf3;*/
    box-shadow: 2px 4px 2px 0px rgba(224,217,224,0.67);
}

.footer{
    font-family: "Century Gothic"; 
    font-size: medium; 
    font-weight: bold;
    bottom:0px;
}

.mainmenu {
    position:fixed; 
    background-color:white; 
    width:100%; 
    border-top: 5px #00AB67 solid; 
    top:0px;
    z-index:1;
}

.menu-body{
    font-size: 8px;
    height:30px; 
    font-weight: bold; 
    /*display:table;
    margin:5px auto;*/
}

.hyperlink{
    font-family: "Arial";
    font-size: 13px;
    text-decoration: none;
    color: #000;
    margin: 0px;
    padding: 5px 10px;
    display: block;
    float: left;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}
   
.hyperlink:hover {
    background: none repeat scroll 0% 0% #00AB67;
    color: #FFF;
}

.hyperlink-active {
    background: none repeat scroll 0% 0% #00AB67;
    color: #FFF;
    font-family: "Arial";
    font-size: 13px;
    text-decoration: none;
    margin: 0px;
    padding: 5px 10px;
    display: block;
    float: left;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

.bottom-line{
    border-bottom: 1px #00AB67 dotted;
}

.sep{
    clear:both; 
    height:10px;
}


/*==================================================================================*/

/*@media screen and (max-width: 1394px) {*/
@media screen and (max-width: 1640px) {
    .body-migrate {
        padding-top: 66px;
    }
}

@media screen and (max-width: 1175px) {  
    .logo{
        height:145px;
        width:175px;
    }

    .margi-top30{
        margin-top:15px;
    }

    .margi-top50{
        margin-top:20px;
    }

    .text-font{
        font-size: 15px;
    }

    .header {
        height: initial;
        height:auto;
    }

    .body-migrate {
        padding-top: 40px;
    }

    nav {
        text-align: right;
        width: 90%;
    }

    nav ul { display: none; }
    nav select { display: inline-block; }
    .bottom-line { display: none; }
}

@media screen and (max-width: 576px) {
    .logo{
        height:85px;
        width:100px;
    }

    .body-migrate {
        padding-top: 40px;
    }

    .margi-top30{
        margin-top:10px;
    }

    .margi-top50{
        margin-top:15px;
    }

    .text-font{
        font-size: 10px;
    }
}

@media screen and (max-width: 390px) {

    .logo{
        height:85px;
        width:100px;
    }

    .body-migrate {
        padding-top: 40px;
    }

    .margi-top30{
        margin-top:10px;
    }

    .margi-top50{
        margin-top:15px;
    }

    .text-font{
        font-size: 10px;
    }
}