Sindbad~EG File Manager

.mobile-navigation{display:none;height:35px;line-height:35px;width:100%;color:#fff;padding:0 10px;position:relative}
/*
 * Mobile Screen
 *
 * Menu Buttons
*/
.menu-mobile{color:#fff;display:none;float:left;font-size:21px;height:34px;line-height:33px;padding:0 10px 0 5px;cursor:pointer}
.menu-mobile i{line-height:35px}
.rtl .menu-mobile{float:right;padding:0 5px 0 10px}
/* 
 * Mobile Screen
 *
 * Search Buttons
 *
*/
.mobile-btn{cursor:pointer;display:none;float:right;height:34px;line-height:33px;outline:none!important;padding:0;position:relative;text-align:center;}
.mobile-btn i{font-size:19px;line-height:32px}
.mobile-sform{color:#fff;display:none;position:absolute;right:0;top:5px;z-index:9000}
.mobile-sform form{float:right}
.mobile-sform .stext{background-color:rgba(0, 0, 0, 0.5);color:#fff;line-height:35px;margin-right:30px;min-width:200px;text-indent:10px}
.mobile-sform-m{top:0}
.rtl .mobile-btn{float:left}
.rtl .mobile-sform{left:0;right:auto}
.rtl .mobile-sform form{float:left}
.rtl .mobile-sform .stext{margin-left:40px;margin-right:0}
/*
 * Header
 *
 * Second Menu
*/
.misc-bar {background-color:#fff;width:100%;display:inline-block;height:38px;line-height:38px;border-bottom:1px solid #e9edf0;}
/*
 * Header
 *
 * Today
*/
.today{color:#333;display:inline-block;float:left;height:38px;line-height:38px;text-transform:capitalize;margin-right:5px}
.rtl .today{float:right;margin-right:0;margin-left:5px}
/*
 * Header
 *
 * Top Menu
 *
*/
.top-menu{color:#fff;display:inline-block;float:left;height:38px;line-height:38px;min-width:280px}
.rtl .top-menu{float:right}
/*
 * Header
 *
 * Top Social
*/
#header .social{display:inline-block;float:right;height:38px;line-height:38px;list-style:none;}
#header .social li{float:left;list-style:none;text-indent:0;margin:1px 5px 0 0;padding:0;height:26px;}
#header .social .follow{line-height:36px;font-weight:700;color:#747b83;}
#header .social li a{color:#fff}
#header .social i{display:inline-block;font-size:21px;text-align:center;border-radius:2px;padding:3px 2px;width:26px;height:26px;vertical-align:middle}
#header .social li a.facebook i{background-color:#3b5998}
#header .social li a.twitter i{background-color:#00abf1}
#header .social li a.rsslink i{background-color:#f9bc2e}
#header .social li a.youtube i{background-color:#cf2200}
#header .social li a.pinterest i{background-color:#ca2127}
#header .social li a.instagram i{background-color:#87766c}
#header .social li a.linkedin i{background-color:#3371b7}
#header .social li a.android i{background-color:#8ec047}
#header .social li a.apple i{background-color:#B9BFC1}
#header .social li a.tumblr i{background-color:#45556c}
#header .social li a.reddit i{background-color:#e74a1e}
.rtl #header .social{float:left}
.rtl #header .social li{float:right;margin:1px 0 0 5px}
/*
 * Header
 *
 * NewsBar :Subscribe
*/
#header .subscribe{display:table;float:right;position:relative;line-height:2;background-color:#fff;margin:5px 0;padding-left:10px}
#header .subscribe .button{line-height:22px;border-radius:3px;vertical-align:top;display:table-cell;padding:2px 10px}
#header .subscribe .text{line-height:26px;background-color:#f5f8f9;border:1px solid #eee;border-radius:2px;color:#111;display:table-cell;vertical-align:top;padding:0 5px;width:160px}
#header .subscribe .text:focus{background-color:#fff}
.rtl #header .subscribe{float:left;padding-left:0;padding-right:10px}
/*
 * Header
 *
 * Top Search
*/
#header .search{background-color:#31313c;display:inline-block;float:right;height:38px;line-height:38px;position:relative}
#header .search input.text{background-color:#31313c;color:#fff;height:25px;padding:0;text-indent:7px;width:180px}
#header .search button.button{padding:0 3px;background-color:transparent;color:#ccc;position:absolute;right:7px;top:50%;transform:translateY(-54%)}
#header .search span{float:left;text-indent:-99999px}
.rtl #header .search{float:left}
.rtl #header .search button.button,
.rtl #header .search span{float:right}
.rtl #header .search button.button{left:7px;right:auto}
/*
 * Header
 *
 * Logo & Ads
*/
.brand .ads{width:728px}
.brand{display:table;width:100%}
.brand .logo{display:table-cell;vertical-align:middle}
.brand .logo h1{font-size:0;font-weight:100;line-height:0;margin:0;padding:0}
.brand .ads{display:table-cell;vertical-align:middle}
.brand-bg{background-color:#fff}
.brand-bg .ads{padding-right:10px}
.rtl .brand-bg .ads{padding-left:10px;padding-right:0}

@media only screen and ( max-width:1219px ){
	.mobile-navigation{display:none}
	/*
	 * Header
	 *
	 * Logo & Ads
	*/
	.brand .logo{}
	.brand .ads{width:728px!important}
}
@media only screen and (max-width:986px) and (min-width:768px){
	.desktop-navigation{display:none}
	.top-menu,
	.phone-menu,
	.menu,
	#header .subscribe,
	#header .search{display:none!important}
	#header .subscribe{margin:0!important}
	.mobile-navigation{display:block;width:666px;margin:0 auto;}
	.mobile-btn{display:block;margin:0 0 0 10px}
	.rtl .mobile-btn{display:block;margin:0 10px 0 0}
	.menu-mobile{display:inline-block}
	/*
	 * Header
	 *
	 * Logo & Ads
	 *
	*/
	.brand{margin:0!important;padding:0!important}
	.brand .ads{display:block;text-align:center;width:100%!important;padding:0!important}
	.brand .ads img{height:auto;width:100%!important}
	.brand .logo{display:block;text-align:center;width:100%!important}
	.brand .logo h1{display:inline-block;text-align:center;vertical-align:middle}
	.brand .logo img{display:inline-block;height:auto!important;text-align:center;vertical-align:middle}
}
@media only screen and (max-width:767px) and (min-width:560px){
	.desktop-navigation{display:none}
	.menu,
	.top-menu,
	.phone-menu,
	.misc-bar,
	#header .social,
	#header .search{display:none!important}
	.mobile-navigation{display:block;width:540px;margin:0 auto;}
	.mobile-btn{display:block;margin:0 0 0 10px}
	.rtl .mobile-btn{display:block;margin:0 10px 0 0}
	.menu-mobile{display:inline-block}
	/*
	 * Header
	 *
	 * Logo & Ads
	 *
	*/
	.brand{margin:0!important;padding:0!important}
	.brand .ads{width:100%!important;display:block;text-align:center;padding:0!important}
	.brand .ads img{width:100%!important;height:auto}
	.brand .logo{width:100%!important;display:block;text-align:center}
	.brand .logo h1{display:inline-block;vertical-align:middle;text-align:center}
	.brand .logo img{display:inline-block;vertical-align:middle;text-align:center;height:auto!important}
}
@media only screen and (max-width:559px){
	.desktop-navigation{display:none}
	.today,
	.top-menu,
	.menu,
	.phone-menu,
	.misc-bar,
	#header .search,
	#header .social{display:none!important}
	.mobile-navigation{display:block}
	.mobile-btn{display:block;margin:0 0 0 10px}
	.rtl .mobile-btn{display:block;margin:0 10px 0 0}
	.menu-mobile{display:inline-block}
	/*
	 * Header
	 *
	 * Logo & Ads
	 *
	*/
	.brand{margin:0!important;padding:0!important}
	.brand .ads{width:100%!important;display:block;text-align:center;padding:0!important}
	.brand .ads img{width:100%!important;height:auto}
	.brand .logo{width:100%!important;display:block;text-align:center}
	.brand .logo h1{display:inline-block;vertical-align:middle;text-align:center}
	.brand .logo img{display:inline-block;vertical-align:middle;text-align:center;height:auto!important}
}