@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Comfortaa:300);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
body {
	direction: rtl;
	font-family: Open Sans, Droid Arabic Kufi;
	font-weight:normal; 
	font-style:normal;
	font-size:13px;
}

.box_style_1 { }
.box_style_2 { }
.box_style_1 h2, .box_style_2 h2  { font-size: 16px; color: #333 !important; font-weight: normal; line-height: 20px; }
.box_style_1 h3, .box_style_2 h3  { font-size: 15px; color: #333 !important; font-weight: normal; line-height: 20px; }
.box_style_1 h4, .box_style_2 h4  { font-size: 14px; color: #333 !important; font-weight: normal; line-height: 19px; }
.box_style_3 { background-color: #f2f2f2; border-color: #e5e5e5; }

.panel { margin-bottom: 10px; border:none; border-radius:0; border-bottom:1px solid #1774b1; }
.panel-body { padding: 10px; }
.panel-default .panel-heading { color:#fff; padding: 10px; background:#1774b1; border-bottom:5px solid #3fabd9; border-radius:0px; }
.panel-default .panel-heading a { color:#fff; }
.panel-body ul { padding-right: 15px; }

.sites ul li h2 a { font-family: Open Sans, Droid Arabic Kufi; font-weight:normal; font-style:normal; font-size:12px; line-height:22px; color:#516472; }
.section_box p { font-family:Open Sans, Droid Arabic Kufi; font-weight:normal; font-style:normal; font-size:11px; line-height:22px; color:#000000; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: Open Sans, Droid Arabic Kufi;
	font-weight:normal; font-style:normal; font-size:14px; color:#ff8a00; 
}

.blog_style1 .post_thumb { float: right; margin-left: 20px; margin-right: 0; margin-bottom: 10px; }

.flags { padding: 7px; margin:0 0 25px 0; }
.flags ul { list-style: none; padding: 0 0 0 0; margin:0 0 0 0; }
.flags ul li { list-style: none; float:right; padding: 5px; margin:0 2px 15px 1px; border: 1px dotted #ddd; }
.flags ul li a { line-height:20px; font-family:Open Sans, Droid Arabic Kufi; font-weight:normal; font-style:normal; font-size:15px; }
.flags ul li a u { color:#333333; }

.sites ul li { float:right; padding: 5px; margin:0 7px 15px 5px; border: 1px dotted #ddd; }
.sites ul li h2 a { font-size:15px; line-height:22px; color:#516472; }

.navbar-nav{ float:right; margin:0; margin-right:0px; padding-right:0px; }
.navbar-nav>li{ float:right; margin-right:0; }
.dropdown-menu { text-align:right; }

.navbar-header { float:right; }
.navbar-brand{float:right;height:50px;padding:15px 15px;font-size:18px;line-height:20px; text-decoration: underline; }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.blog_style1 .post_thumb { float:none; margin-right: 0px; width:75%; text-align:center; margin:0 auto; }
.blog_style1 .post_thumb img { width:100%; }
.navbar-nav{ float:none; margin:0; margin-right:0px; padding-right:0px; }
.navbar-nav>li{ float:none; }
.navbar-header { float:none; }
}
.breadcrumb { background-color:#1774b1; padding: 8px 15px; margin-bottom: 10px; margin-right:5px; margin-left:5px; }
.breadcrumb > li + li:before {  color: #fff; }
.breadcrumb > .active {  color: #fff; }
.breadcrumb li a span, .breadcrumb li a { color: #fff; }

@media only screen and (min-width: 220px) and (max-width: 320px) {
.blog_style1 .post_thumb { float:none; margin-right: 0px; width:100%; text-align:center; }
.blog_style1 .post_thumb img { width:100%; }
.navbar-nav{ float:none; margin:0; margin-right:0px; padding-right:0px; }
.navbar-nav>li{ float:none; }
.navbar-header { float:none; }
}

@media only screen and (max-width: 220px) {
.blog_style1 .post_thumb { float:none; margin-right: 0px; width:100%; text-align:center; }
.blog_style1 .post_thumb img { width:100%; }
.navbar-nav{ float:none; margin:0; margin-right:0px; padding-right:0px; }
.navbar-nav>li{ float:none; }
.navbar-header { float:none; }
}