@import url('fonts.css');

/* باقي كود CSS لموقعك */
body {
    font-family: 'اسم_الخط_الافتراضي', sans-serif;
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url(https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

@font-face {
  font-family: 'BookmanOldStyle';
  src: url('fonts/BookmanOldStyle.eot?#iefix') format('embedded-opentype'),  url('fonts/BookmanOldStyle.woff') format('woff'), url('fonts/BookmanOldStyle.ttf')  format('truetype'), url('fonts/BookmanOldStyle.svg#BookmanOldStyle') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
    line-height:1;
	font-family:arial, verdana;
	overflow-x:hidden;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a, input, textarea, select{
	outline:none;
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clear{
	width:100%;
	clear:both;
	height:10px;
}

/*==== end reset =====*/

body{
	/*background-color:rgba(234, 217, 152, 0.39);
	background-color:rgb(40, 16, 10);*/
}
.page{
	position:relative;
	min-height:calc(100vh - 30px);
	min-height:-webkit-calc(100vh - 30px);
	min-height:-moz-calc(100vh - 30px);
	min-height:-0-calc(100vh - 30px);
	min-height:100vh;
	height:-ms-calc(100vh - 30px);
	height:auto;
	width:100%;
	
}
.wrapper{
	position:relative;
	background-color: #F2F2F2;
}
.pageContent-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:400px;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
}
img#medi-logo{
	width:auto;
	height:100%;
}
.header-blur{
	width:100%;
	height:100%;
	background-color:rgba(242, 242, 242, 0.50);
	z-index:2;
}
.pageContent-wrapper{
	width: 100%;
    z-index: 2;
    background-color: rgba(242, 242, 242, 0.69);
	background-color:#f2f2f2;
    position: relative;
	margin-top:230px;
}
.v6-home-wrapper{
	margin-top:0px!important;
}
.pageTitle{
	position: absolute;
	top:-160px;
    color: #fff;
    width: 100%;
    height: 160px;
    text-align: center;
    z-index: 9;
}
.pageTitle h1{
	font-size:36px;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif;
	font-weight:800;
	text-shadow:0 0 5px #000;
}
header{
	position:relative;
	width:100%;
	height:160px;
	background-color:#fff;
	border-bottom:2px solid #999;
	z-index:9;
}
div.fixed-header{
	width:100%;
	border-bottom:2px solid #999;
	display:none;
}
div.fixed-header #lang-btn{
	margin-right:210px;
}
header.fixed-header, div.fixed-header{
	position:fixed;
	top:0;
	left:0;
	height:40px;
	z-index:9999999;
}
div.fixed-header .site-title{
	display:none;
}

/*#medi-logo{*/
.site-title{
    width: 500px;
    float: left;
    margin-left: 80px;
    margin-top: 10px;
    height: 100px;
    overflow: hidden;
	/*
	background-image:url('../images/logo-aalma-150.jpg');
	background-repeat:no-repeat;
	background-size:60%;
	background-position:left center;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	*/
}
#site-title-text{
	font-size:1.2em;
	line-height:40px;
	padding-left:10px;
}

header.fixed-header #medi-logo, div.fixed-header #medi-logo{
	width:180px;
}
#social{
	position:absolute;
	width:24%;
	height:60px;
	top:30px;
	right:50px;
}
#social ul{
	list-style:none;
}
#social ul li{
	float:right;
	padding:5px;
}
#social ul li a{
	text-decoration:none;
}
#social ul li img{
	vertical-align:middle;
	margin-right:5px;
}
#social ul li span{
	color:#fff;
	font-family:'BookmanOldStyle';
}
#social ul li a:hover span{
	color:#d6d6d6;
}
#social.fixed{
	float:right;
	width:15%;
	top: 0;
    height: 40px;
    z-index: 9;
}
#social.fixed ul{
	/*float:right;*/
}

#social.fixed ul li{
	width:auto;
}
#social.fixed ul li span{
	display:none;
}
#social.fixed ul li a img{
	width:24px;
}
.clr{
	position:relative;
	height:30px;
}

/*=== footer ====*/
footer{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	height:60px;
	background-color:#fff;
	border-top:1px solid #999;
	margin-top:20px;
	z-index:2;
}
#red-logo{
	width:150px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	margin-top: 15px;
	opacity:0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
#footer-slogan{
	display:block;
	color:#ED1C24;
	color:#aaa;
	font-size:0.8em;
	font-family:'BookmanOldStyle';
	line-height:60px;
}
#admin-link{
	margin-left:50px;
	cursor:pointer;
	/*
	position: absolute;
    z-index: 999;
	*/
}
#admin-link:hover{
	color:#AFCEDC;
}
/*==== menu ====*/

nav {
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	right: 0px;
	line-height:30px;
	background-color:#E6E6E6;
}
nav ul {
    list-style: none;
    float: right;
    margin-right: 90px;
}
#lang-btn{
	display:inline-block;
	float:right;
	margin-right:20px;
	width:42px;
	height:42px;
	text-align:center;
	padding-top:5px;
	cursor:pointer;
}
nav ul li{
	position: relative;
	float:right;
	padding:5px 15px;
	/*border-right:1px solid #fff;*/
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}




nav ul li:last-child{
	border-right:none;
}
nav ul li a, #lang-btn a{
	text-decoration:none;
	color:#0a2f70;
	font-family:'BookmanOldStyle';
	font-weight: 700;
}
nav ul li:hover, #lang-btn:hover{
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color:#0D2586;
	border-bottom:2px solid #0D2586;
	
	margin-bottom:-2px;
}
nav ul li:hover a, #lang-btn:hover a{
	color:#fff;
}
nav ul li.active-page{
	border-bottom:2px solid #0D2586;
	background-color:#0D2586;
}	
nav ul li.active-page a{
	font-weight:bold;
	color:#fff;
}
#menu-button, #spec-func, #mobile-menu{
	display:none;
}

/*=== rotator styles ====*/
.slider{
	position: relative;
    width: 90%;
    height: 25vw;
    margin: auto;
	padding-top:10px;
	z-index:9;
}

/*==== page content ====*/

.pageContent{
	position:relative;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:90px;
	padding-top:50px;
	font-family:'BookmanOldStyle';
}
.pageContent h1, .pageContent h2{
	width:80%;
	margin:auto;
	font-size:2em;
	line-height:2em;
	color:#0D2586;
	text-decoration:underline;
	
}
.pageContent p{
	text-indent:20px;
	font-size:1.2em;
	color:#0D2586;
}
.pageContent table.v6-padded-10 td p{
	text-indent:0px!important;
}
.pageContent .page-inner-content table{
	width:90%;
	margin:auto;
	border-collapse:collapse;
	table-layout:fixed;
}
.pageContent .page-inner-content table tr td{
	vertical-align:middle;
	overflow:hidden;
	background-color:#fff;
}
.pageContent #home-content table tr td,
.pageContent #contact-us-content table tr td{
	background:transparent!important;
}

.pageContent #contact-us-content table tr td:first-child{
	width:50%;
}
.pageContent #contact-us-content table tr td:last-child{
	width:50%;
}
.pageContent #contact-us-content table tr td img{
	max-width:350px;
	max-height:350px;
	filter:drop-shadow(3px 3px 4px #666);
	-webkit-filter:drop-shadow(3px 3px 4px #666);
}
.pageContent #contact-us-content table tr td h1{
	text-decoration:none;
	font-size:1.2em;
	text-align:left;
	text-indent:0!important;
	width:100%;
}
.pageContent #contact-us-content table tr td p{
	font-size:1em;
	text-indent:0;
	line-height:1.5em;
}
.pageContent #contact-us-content table tr td h3{
	font-size:0.8em;
}
.pageContent #contact-us-content table tr td h3 img{
	vertical-align:middle;
	margin-right:5px;
}
.pageContent #store-content table tr td{
	/*box-shadow:inset 0 0 3px 0px #666;*/
}
.pageContent #channel-list-content table tr td{
	text-align:center!important;
	padding:0!important;
	font-size:10px;
	width:16.7%!important;
	background:transparent!important;
}
.pageContent #store-content table tr td,
.pageContent #store-content table tr td span,
.pageContent #store-content table tr td p{
	text-align:center!important;
	padding:0!important;
	line-height:34px;
}
.pageContent #store-content table tr td a{
	color:inherit;
	text-decoration:none;
}
.pageContent #store-content table tr td:hover a{
	color:#669EE5;
	text-decoration:underline;
}
.pageContent #channel-list-content table tr td p{
	text-indent:0!important;
}
.pageContent #channel-list-content table tr td p img, .pageContent #channel-list-content table tr td img{
	max-width:90%!important;
	max-height:90%!important;

}
.pageContent #store-content table tr td img, .pageContent #store-stb-content table tr td img{
	max-width:250px!important;
	max-height:250px!important;
	
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pageContent #store-content table tr td:hover img, .pageContent #store-stb-content table tr td:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.pageContent #store-stb-content table tr td{
	text-align:center;
}
.pageContent hr{
	display: block;
    height: 1px;
    border: 0;
    margin: 3em 0;
    padding: 0;
	background-image: -webkit-linear-gradient(left, #f2f2f2, #0D2586, #f2f2f2);
}

.pageContent .page-level-3 table tr td:last-child{
	vertical-align:top;
}
.pageContent .page-level-3 table tr td:last-child h1,
.pageContent .page-level-3 table tr td:last-child h2 {
	text-decoration:none;
	font-family:Arial;
	font-size:22px;
	padding:10px 0;
	text-align:center;
}
.pageContent .page-level-3 table tr td:last-child h3 {
	text-align:center;
	line-height:22px;
	padding:10px 0;
}
.pageContent .page-level-3 table tr td:last-child p {
	/*line-height:30px;*/
	
}

/*==== blog ====*/
.blog{
	width:90%!important;
	margin:30px auto;
	padding-bottom: 50px;
}
#blog-list, #article-content{
	width: 70%;
    padding-right: 2em;
    box-sizing: border-box;
	/*display:table-cell;*/
	display:inline-block;
	/*float:left;*/
}
.ninty{
	width:90%!important;
	margin:auto;
}
.article-semple{
	margin-top:20px;
	padding-bottom:20px;
}
.article-date, .event-date{
	display:inline-block;
	float:left;
	width:75px;
	background-color:#ED1C24;
	border-radius:5px 5px 0px 0px;
}
.event-date{
	width:55px;
}
.article-date span, .event-date span{
	display:block;
    color: #fff;
}
.a-date, .e-date{
	font-size: 60px;
    font-weight: bold;
    text-align: center;
    line-height: 0px;
    margin-top: 30px;
}
.a-month, .e-month{
	line-height: 25px;
    padding-top: 25px;
    text-align: center;
}
.e-date{
	font-size: 30px;
    margin-top: 20px;
}
.e-month{
    padding-top: 10px;
}

/*=== news style ===*/

#blog-options{
    width: 30%;
    padding-top: 3em;
    padding-left: 2em;
    box-sizing: border-box;
	/*display:table-cell;*/
	display:inline-block;
	float:right;
}
.blog-list-block a{
	color: #6e7482;
    text-decoration: none;
	text-transform:capitalize;
}
.article-title, .search-title, .event-title{
	line-height:70px;
	padding-bottom: 4px;
	font-size:1.2em;
	border-bottom:1px solid #BB080F;
	margin-bottom: 20px;
}
.event-title{
	margin-top: 10px;
}

.article-title h1, .search-title h1, .event-title h1{
	text-align:center;
	text-decoration:none;
	font-weight:normal;
}
.event-title h1{
	border:none!important;
	line-height: 50px;
}
.search-title h1{
	font-size:1.1em;
}
.article-title a, .read-more a, .event-title a{
	text-decoration:none;
	color:inherit;
}
.article-text{
	padding:20px 0px;
}
.event-text{
	font-size:0.8em;
}
.read-more{
	border-bottom:1px solid #BB080F;
	height:30px;
}
.read-more.event{
	margin-top:10px;
}
.read-more a{
	color:#ED1C24;
	font-style:italic;
	font-size:0.8em;
	float:right;
	margin-right:30px;
}
.article-title a:hover, .read-more a:hover, .event-title a:hover{
	color:#BB080F;
}
.search{
	width:calc(30%);
	width:-webkit-calc(30%);
	width:-moz-calc(30%);
	width:-o-calc(30%);
	width:-ms-calc(30%);
	height:40px;
	border-radius:10px;
	border:1px solid #ED1C24;
	font-size:1.1em;
	font-weight:300;
	float:right;
	box-shadow: inset 0px 0px 10px #999;
}
.search input{
	width:calc(100% - 70px);
	width:-webkit-calc(100% - 70px);
	width:-moz-calc(100% - 70px);
	width:-o-calc(100% - 70px);
	width:-ms-calc(100% - 70px);
	border:none;
	height:38px;
	font-size:1.1em;
	font-weight:300;
	margin-left:10px;
	background: transparent;
}
.search input:focus{
	border:none;
}
.search-focus{
	/*border:2px solid #BB080F;*/
	box-shadow: inset 0px 0px 10px #999, 0 0 1px 1px #BB080F;
}
.search #search-btn{
	width:40px;
	height:40px;
	float:right;
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:10px;
	cursor:pointer;
}

/*=== upcoming events ===*/
#upcoming-events-content h1{
	text-decoration:none;
	font-weight:normal;
	font-size:1.1em;
	border-bottom:1px solid #999;
}

/*==== pagination style ====*/
.results{
	display:none;
}
.links{
	float:right;
	margin-right:30px;
}
.links a{
	text-decoration:none;
	border: 1px solid #ED1C24;
	background-color:#fff;
	text-transform: none;
	margin-right: 2px;
	padding: 7px 10px;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#333;
	font: bold 12px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);*/
	
}
.links b{
	border: none;
	color: #fff;
	text-transform: none;
	margin-right: 2px;
	background: #ED1C24;
	padding: 8px 12px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: bold 12px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.pg{
	border-top:1px dotted rgba(0, 128, 180, 0.7);
	padding-top:10px;
}
.go-end, .go-home{
	padding-left:9px!important;
	padding-right:9px!important;
}

/*==== weather widget ====*/
#weather-widget{
	margin-top:30px;
}
.aw-toggle{
	display:none!important;
}
.weather{
	display:none;
}
.weather > div{
	box-shadow:2px 2px 5px #999;
	height:156px;
}
.navi {
	width:280px;
	height:20px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:25px;
}
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url('../images/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
}
.navi a:hover {
	background-position:0 -8px;
	cursor:pointer;
}
.navi a.active { background-position:0 -16px; }
.aw-widget-current{
	width:283px;
	max-height:153px!important;
	margin-left:10px;
	overflow: hidden!important;
}
.aw-current-weather-inner, .aw-current-weather-inner span, .aw-current-weather-inner p {
	color:#fff!important;
	text-shadow:1px 1px 1px #000;
	font-family:arial;
}

/*=== contacts ===*/

.contact-info{
	position:relative;
	float:left;
	width:30%;
}
.contact-info h1{
	text-decoration:none;
	font-weight:normal;
}
.contact-info ul{
	list-style:none;
}

.contact-info ul li{
	color:#ED1C24;
	font-size:1.1em;
	line-height:1.5em;
}
#map{
	float:right;
	width:50%;
	height:320px;
}

/*==== modal window ====*/
.overlay{
	display:none;
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.4);
	z-index:999999;
	background-position:center;
	background-repeat:no-repeat;
}

.modal-form{
	display:none;
	position:absolute;
	width:35vw;
	height:50vh;
	margin-left:32.5vw;
	top:10vh;
	background-color:#fff;
	border:1px solid #666;
	border-radius:5px;
	z-index:99999;
	box-shadow:3px 3px 6px #666;
}

.modal-header{
	width:100%;
	height:40px;
	background-color:#aaa;
	border-radius:4px 4px 0 0;
	border-bottom:3px ridge;
}
#modal-title{
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	margin-left:20px;
}
.modal-content button{
	margin-left:5%;
}

.cls-btn{
	display:inline-block;
	width:24px;
	height:24px;
	float:right;
	margin-right:16px;
	margin-top:8px;
	background-image:url(../admin/images/close-btn.png);
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}
.cls-btn:hover{
	background-position: center center;
}
.cls-btn:active{
	background-position: bottom center;
}

#txtCaptcha{
	background-image:url('../images/1.JPG');
	font-weight:bold;
}
.mail-form{
	width:90%;
	margin:auto;
	border-spacing: 3px;
    border-collapse: separate;
}
.mail-form td{
	width:50%;
}
.mail-form textarea,.mail-form input{
	width:50%;
	float:right;
}
.m-header{
	line-height:36px;
}
.error{
	width:100%;
	display:none;
	text-align:center;
	color:red;
	font-weight:bold;
}
.state-error{
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}

/*==== fb likebox ====*/
#likebox-holder{
	position:absolute;
	width:370px;
	height:230px;
	background:#fff;
	left:calc(50% - 185px);
	top:calc(50% - 115px);
	text-align:center;
	box-shadow:0 0 10px 3px #666;
}
#close-btn{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	top:5px;
	right:5px;
	background-image:url(../images/close-btn.png);
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:9;
}
#close-btn:hover{
	background-position:center center;
}
#close-btn:active{
	background-position:bottom center;
}
#likebox-holder h1{
	line-height:50px;
}
.fb-page img{
	width:450px;
}


#fb-login,#fb-like{
	display:none;
}

/*==== tyxo ====*/
#counter{
	display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 15px;
}

/*=== responsive css ===*/
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {



	.site-title{
		width:100%;
		margin-left:0;
		background-position:center;
	}
	/*
	.site-title img{
		width:70%;
		margin-left:20px;
	}
	*/
	img#medi-logo{
		width:auto;
		height:50%!important;
	}
	#site-title-text{
		font-size:1em;
		width:100%;
		text-align:center;
		padding:0;
	}
	nav.fixed{
		position:fixed;
		top:0;
		z-index:9999999;
	}
	#menu-button{
		display:block!important;
		position:absolute;
		width:36px;
		height:36px;
		cursor: pointer;
		top:7px;
		left:10px;
	}
	/*
	#menu-button:after {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #6e7482;
		border-bottom: 2px solid #6e7482;
		right: 7px;
		top: 15px;
	}
	#menu-button:before {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #6e7482;
		right: 7px;
		top: 25px;
	}
	*/
	#menu{
		display:none;
	}
	#mobile-menu{
		display:none;
		position:absolute;
		width:100%;
		height:auto;
		min-height:120px;
		background:#e6e6e6;
		padding-top:10px;
		padding-bottom:10px;
		z-index:9;
	}
	#mobile-menu.home{
		position:relative;
	}
	#mobile-menu.fixed{
		position:fixed;
		top:40px;
	}
	#mobile-menu ul{
		list-style:none;
		width:90%;
		margin:auto;
	}
	#mobile-menu ul li{
		padding-left:20px;
		line-height:40px;
		box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset;
	}
	#mobile-menu ul li a{
		text-decoration:none;
		color:#0a2f70;
	}
	#mobile-menu ul li.active-page{
		background:#0a2f70;
	}
	#mobile-menu ul li.active-page a{
		color:#fff!important;
	}
	#mobile-menu.open{
		display:block;
	}
	#social{
		display:none;
	}
	#social-mobile{
		position:relative;
		float: right;
		width: 65%;
		top: 0;
		height: 40px;
		z-index: 9;
	}
	#social-mobile ul {
		list-style: none;
		float:right;
		margin-right:10px;
		margin-left:auto;
	}
	#social-mobile ul li {
		float: left;
		padding: 5px;
		width: auto;
	}
	#social-mobile ul li a img{
		width:24px!important;
	}
	
	.slider{
		position: relative;
		width: 100%;
		height: 35vw;
	}
	.pageContent h1, .pageContent h2 {
		width:auto;
	}
	.page-inner-content{
		width:100%;
	}
	
	.page-inner-content table tr td,.page-inner-content table tr td[colspan]{
		display:table-row;
		width:100%;
	}
	.page-inner-content p img{
		/*width:100%!important;*/
		height:auto!important;
	}
	.page-level-3 table tr td{
		width:100%;
	}
	#home-content table tr td img,
	.page-level-3 table tr td img,
	#contact-us-content table tr:first-child td img{
		width:90%!important;
		height:auto!important;
		float:none!important;
		margin:5%;
	}
	#contact-us-content table tr:last-child td h1{
		padding-top:20px;
	}
	.page-inner-content table tr td h1,
	.page-inner-content table tr td h1 span{
		font-size:1.0em!important;
		line-height:1.2em;
	}
	.page-inner-content h2 span{
		display:inline-block;
		width:100%;
		text-align: center;
	}
	#channel-list-content table tr td{
		vertical-align:middle;
	}
	#channel-list-content table tr td img{
		/*width:40%!important;*/
		height:auto!important;
		vertical-align:middle;
	}
	#red-logo{
		width:100px;
	}
	#footer-slogan {
		font-size:0.6em;
		line-height: 50px;
	}
	
	#likebox-holder{
		width:100%;
		height:270px;
		left:0;
		top:calc(50% - 135px);
		text-align:center;
		box-shadow:0 0 10px 3px #666;
	}
	#likebox-holder h1{
		line-height:50px;
	}
	.fb-page img{
		width:90%;
	}


	#fb-login,#fb-like{
		display:none;
		width:90%;
	}
	#close-btn{
		width:36px;
		height:36px;
		background-size: 36px 108px;
	}
}
@media(max-width:768px){
	#admin-link{
		display:none!important;
	}
	
	.page-inner-content table{
		font-size:5vw!important;
		word-break: break-word!important;
	}
	.pageContent {
		width:95%!important;
	}
	img#medi-logo{
		width:auto;
		height:50%!important;
	}
}
img.img-responsive{
	/*display:block;*/
	max-width:100%;
	height:auto!important;
	margin:auto!important;
}

table.border-bottom-red tr td{
	border-bottom: 1px solid red;
}
table.v6-border-bottom tr td{
	border-bottom: 1px solid black;
}

table.v6-padded-10 tr td, tr.v6-padded-10 td{
	padding:10px!important;
}

table.rtl-dir{
	direction:rtl!important;
}

#v6-social{
	position:absolute;
	top:5px;
	right:20px;
	
}
.soc img{
	width:36px;
}

div#lang-bar{
	position: absolute;
    top: 50px;
    right: 10px;
}

span.lang-btn{
	display:inline-block;
	width:36px;
	height:36px;
	margin-right:10px;
}

span.lang-btn img{
	width:100%;
}