﻿.page-banner {
      height: 71vh;
      min-height: 250px;
      max-height: 350px;
      position: relative;
}

body:not(.editMode) .page-banner {
       	background: url("../../en-us/img/page-banner-en-old.jpg") no-repeat;
    	background-size: cover;
    	background-position: center center;
}
html[dir="rtl"] body:not(.editMode) .page-banner {
       	background: url("../img/page-banner-old.jpg") no-repeat;
       	background-size: cover;
       	background-position: center center;
}
body:not(.editMode) .page-banner .ms-rtestate-field:before {
    content: " ";
    width: 100%;
    height: 100%;
	/* background-color: rgba(0, 16, 70, 0.34); */
	/*rgba(11, 37, 63, 0.3)*/
    position: absolute;
    right:0;
    left:0;
    top:0;
}

*/

body.editMode .page-banner{
	height: auto;
	min-height: 250px;
	max-height: 100%;
}
 .page-banner .ms-rtestate-field{
background:none;
padding:0;
}
 .page-banner img{
	/* max-width: 100%; */
min-height: 250px;
      max-height: 350px;
	/* height: 71vh; */
	width: 100%;
	object-fit: cover;
}
 .page-des {
    font-size: calc(1em + .3vw)!important;
    font-weight: 500!important;
    font-family: Tajawal !important;
   /* text-align: center;*/
}
 .page-des *:not(.new){
    font-size: calc(14px + .3vw)!important;
    font-weight: 500;
    font-family: Tajawal !important;
   }
 .page-des img{
	max-width:100%;
}
.page-des strong{
	font-weight:bold !important;
}
.page-des h1,.page-des h1 *{
	font-size: calc(14px + .82vw)!important;
	font-weight: bold !important;
	margin:0;
}
.page-des h2,.page-des h2 *{
	font-size: calc(14px + .72vw)!important;
	font-weight: bold !important;
	margin:0;
}
.page-des h3,.page-des h3 *{
	font-size: calc(14px + .62vw)!important;
	font-weight: bold !important;
	margin:0;
}
.page-des h4,.page-des h4 *{
	font-size: calc(14px + .52vw)!important;
	font-weight: bold !important;
	margin:0;
}
.page-des h5,.page-des h5 *{
	font-size: calc(14px + .42vw)!important;
	font-weight: bold !important;
	margin:0;
}
.page-des h6,.page-des h6 *{
	font-size: calc(14px + .32vw)!important;
	font-weight: bold !important;
	margin:0;
}
body:not(.editMode) .banner-title{
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	color: white;
	  
}
.banner-title h1{
	  font-size: calc(1em + 1.4vw);
}

 .banner-title {
    padding: calc(15px + .5vw) calc(40px + 4.7vw) calc(20px + .9vw) calc(50px + 2.95vw)!important;
}

body[dir="rtl"] .banner-title {
    padding: calc(15px + .5vw) calc(50px + 2.95vw) calc(20px + .9vw) calc(40px + 4.7vw)!important;
}
@media screen and (max-width: 1280px){
 .page-banner, .page-banner img {
    /* height: auto; */
    min-height: 250px;
    max-height: 320px;
    height: 100%;
/*    position: relative;*/
}

}

@media screen and (max-width: 1024px){
 .page-banner, .page-banner img {
    /* height: auto; */
    min-height: 250px;
    max-height: 250px;
/*    position: relative;*/
}

}

html[dir="rtl"] .page-banner .ms-rtestate-field,.page-banner .ms-rtestate-field{
	
	background-image:none !important;
	border:0 !important;
}