html {overflow-x: hidden;}
.container.hec {background: 0;}

.col-lg-4 {width: auto !important;}

.header_cont {height: 170px;}

.open-menu{width:44px;height:42px;overflow:hidden;background:red;padding:0;float:right;margin:0 3px;cursor:pointer;display: none;}
.open-menu img{width:100%;height:100%;}

.header_cont,.footer_cont,.footer_bottom_cont,.area_test,.saf_title,.marhala_title,.nav_bar_cont,.funs {width:100%;}

.footer{height:auto;margin:0;padding:5px 0;width:100%;overflow:hidden;background:#34495e;border-top:4px solid #00a1e6;}
.footer_link,#logo-f{float:right;height:290px;margin:0;padding:10px;position:inherit;top:0;width:33.3%;overflow:hidden;}
.logo-f{width:188px;height:166px;overflow:hidden;padding:2px;margin:0 auto;}.logo-f img{width:100%;height:100%;}

.footer_bottom p {line-height: 44px;}
.designed {margin-top: 15px;}
.footer_cont{height:280px;}

.saf_title h2 {
    width: 80%;
}


.footer_socila {
    clear: both;
    top: 0;
    position: relative;
    bottom: 0;
    width: 270px;
    margin: 5px auto;
    right: 0;
}



.footer_bottom p {

    top: 0;
    line-height:26px;
}

.designed {
    top: 0;
    margin-top:12px;
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float:right;}


.se{background:#ececec none repeat scroll 0 0;border:1px dashed #6fc4e9;border-radius:20px;height:160px; margin: 15px 0;}
se h5{border:1px solid #00a1e6;color:#1f2a35;font-family:droid arabic kufi;font-size:14.18px;font-weight:normal;height:34px!important;line-height:35px;text-align:center;text-decoration:none;background:#a7d811;}.se:hover{background:#fff none repeat scroll 0 0;border:1px dashed #a7d811;}.se h5:hover{background:rgba(0,0,0,0) url(../img/go_btn_hover.png) repeat-x scroll 0 0;color:#fff;}




@media screen and (max-width:992px){
  .nav_bar_cont ul{width:220px;overflow:hidden;position:absolute;top:100%;right:0;background:#34495e;z-index:9999;display:none;}
  .nav_bar_cont ul li{border-top:1px solid #1b2e40;border-bottom:1px solid #5c748a;display:block;float:none;margin:0;width:auto;border-right:0;border-left:0;}
  .open-menu{display:block;}
  
  .footer{height:auto;overflow:hidden;background-repeat:repeat;background:#34495e;border-top:4px solid #00a1e6;}
  .logo_footer{left:0;}
.footer_socila{width:270px;right:0;overflow:hidden;height:auto;}
.footer_bottom p {line-height: 3;}
.designed {margin-top: 13px;}
footer_socila {
    width: 100%;}
}



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

.header{height:auto;width:100%;overflow:hidden;background-repeat:repeat;}
.header_cont{height:auto;overflow:hidden;}
#logo{width:183px;height:163px;float:none;overflow:hidden;margin:5px auto;}
.logo{height:100%;position:static;top:0;width:100%;}
.he-s-mr-y{width:100%;overflow:hidden;background:#00a1e6;margin:5px auto;}
.header_socila{float:none;height:48px;left:102px;position:static;top:10px;width:270px;margin:5px auto;}
.mr_yousri{bottom:0;height:auto;position:inherit;width:444px;overflow:hidden;float:none;margin:5px auto;padding:0 0 6px 0;}
.mr_yousri h2{float:right;right:15px;display:block;}
.mr_yousri p{float:right;right:15px;width:332px;}
.footer_link,#logo-f{float:none;height:auto;margin:0;padding:10px;position:static;top:0;width:100%;overflow:hidden;}
.footer_socila{width:270px;overflow:hidden;height:auto;margin:0 auto;float:none;}


.mr_yousri{width:100%;}
.mr_photo{float:none;right:0;margin:0 auto;}
.mr_yousri h2{float:none;right:0;margin:0 auto;text-align:center;}
.mr_yousri p{float:none;right:0;width:98%;margin:0 auto;overflow:hidden;padding:5px;}
.footer_cont{height:auto;overflow:hidden;}
}


@media screen and (max-width:580px){.footer_bottom{height:auto;overflow:hidden;}.footer_bottom p{width:100%;text-align:center;}
}